[英]How to do Smooth Scroll in Angular-Material theme?
我正在開始一個新項目並在 AngularJS 中使用 Angular Material。 我無法平滑滾動工作。 我正在使用這個平滑滾動庫: 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。 但由於某種原因,平滑滾動不起作用。 請幫忙!
您應該使用正確的容器來啟動滾動。 在此處檢查您的 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);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.