时间戳

首页 > 解决方案 > 如何在 Angular 应用程序中使用片段向锚滚动添加平滑（或任何过渡）？

angular - 如何在 Angular 应用程序中使用片段向锚滚动添加平滑（或任何过渡）？

问题描述

所以经过大量搜索，使用片段在页面中实现锚滚动，但它之间没有平滑过渡，有什么办法可以添加它？我真的很感激这方面的任何帮助，谢谢！ 

  <div class="row no-gutters ">
                  <div class="numerals one" [routerLink]="['/']" fragment="sec_one">
                    <a href="#sec_one"><span>01</span></a>
                  </div>
    </div>

<div id="sec_one">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum itaque voluptate aspernatur hic saepe quis voluptatum possimus omnis obcaecati eos.</p>
</div>

标签： angular

解决方案

Angular 提供了角度动画，这有助于通过 # 标签和预定义的方法为组件设置动画。正弦你在 Angular 2+ 应用程序中工作，利用 Angular 动画

检查stackblitz示例

推荐阅读