ui-scroll-to smoothjs中的平滑滚动

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（）。如果你有一个固定的标题或者类似的东西可能会弄乱偏移量，那么你可能需要调整一下。

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

将autoscroll="true"保留在您的ui视图上。

在prodiver上查看其他答案：Angular ui-router scroll to top, not to ui-view。