html - ui-scroll-to在angularjs中平滑滚动

Question

我正在使用 ui-scroll-to

我需要流畅地滚动它。它也应该在提到的元素中的 100px 之前停止。

<a ui-scroll-to="msg-container" >
   Go to Msg
</a>

<div id="msg-container">
   msgs
</div>

像 jquery 中的 .scrollTop() 一样平滑滚动

Answer 1

像这样的东西应该可以工作。如果你有一个固定的标题或类似的可能会混淆偏移量的东西，你可能需要稍微调整一下 target.offset().top。

app.config(function ($provide) {
  $provide.decorator('$uiViewScroll', function ($delegate) {
    return function (uiViewElement) {
        $('html,body').animate({
            scrollTop: uiViewElement.offset().top
        }, 500);
    };
  });
});

在您的用户界面 View 中保持 autoscroll="true"。

查看提供者信用的其他答案:Angular ui-router scroll to top, not to ui-view .