如何在角度材质主题中平滑滚动？

Question

我正在开始一个新项目并将角度材料与AngularJS结合使用。我无法顺利进行滚动工作。我正在使用这个光滑的滚动库：https://github.com/oblador/angular-scroll

我也试试这个：https://github.com/d-oliveros/ngSmoothScroll 但他们都没有工作。我做一个codepen这里演示的问题：

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

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

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

要显示scrollIntoView工作，它滚动到div。但平滑滚动不会出于某种原因。请帮忙！

Answer 1

您应该使用适当的容器来启动滚动。在这里检查你的codepen的固定叉http://codepen.io/harconst/pen/qOmPVo

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

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