javascript - 如何在 Angular-Material 主题中做 Smooth Scroll？

Question

我正在开始一个新项目并使用 Angular Material 和 AngularJS。我无法顺利滚动。我正在使用这个平滑滚动库:https://github.com/oblador/angular-scroll

我也试试这个:https://github.com/d-oliveros/ngSmoothScroll但它们都不起作用。我制作了一个代码笔来演示这里的问题:

http://codepen.io/hughred22/pen/XmRpOG/

正如你在我的 Codepen 中看到的，如果我注释掉

document.getElementById('bottom').scrollIntoView(true);

要显示 scrollIntoView 工作，它会滚动到 div。但由于某种原因，平滑滚动将不起作用。请帮忙!

Answer 1

您应该使用适当的容器来启动滚动。在此处查看代码笔的固定分支 http://codepen.io/harconst/pen/qOmPVo

请注意，在我的代码笔中，容器不再是整个文档。

var someElement = angular.element(document.getElementById('bottom'));
var container   = angular.element(document.getElementById('container'));    
container.scrollTo(someElement,0,1000);