ui滚动到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);
    };
  });
});

在ui视图中保留autoscroll="true"。

请参阅prodriver上的其他答案：Angular ui路由器滚动到顶部，而不是ui视图。