【问题标题】:How to do Smooth Scroll in Angular-Material theme?如何在 Angular-Material 主题中进行平滑滚动?
【发布时间】:2015-10-06 08:09:25
【问题描述】:

我正在开始一个新项目并将 Angular Material 与 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。但是由于某种原因,平滑滚动不起作用。请帮忙!

【问题讨论】:

    标签: javascript angularjs angular-material smooth-scrolling


    【解决方案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);   
    

    【讨论】:

      猜你喜欢
      • 2017-02-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-10-11
      • 1970-01-01
      • 2021-11-30
      相关资源
      最近更新 更多