如何在角度材質主題中平滑滾動？

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);