如何在Angular-Material主题中进行平滑滚动
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。但平滑滚动不会工作的原因。请帮助!
应该使用合适的容器来启动滚动。在这里查看codependency的固定分支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);
相关文章:
- Safari(Mac OS)上的jQuery平滑滚动问题
- jquery平滑滚动问题
- javascript mootools平滑滚动'x'像素数量
- jQuery平滑滚动
- jQuery平滑滚动未滚动
- 更新Wordpress和我的平滑滚动停止工作
- 具有子菜单和平滑滚动的粘性导航
- 平滑滚动&懒惰
- 平滑滚动时更改 ID 的颜色
- 使用我的基于标签的平滑滚动脚本而不带“a”的解决方案
- 调整平滑滚动代码
- 使用 window.scrollBy) 平滑滚动
- 平滑滚动代码
- 如何在ng视图中进行页面渲染后的平滑滚动
- 如何使用requestAnimationFrame实现平滑滚动
- 如何由于浏览器的平滑滚动而忽略大量滚动事件
- 使用普通JavaScript平滑滚动到元素
- 平滑滚动并突出显示导航问题
- 在函数goToNext上平滑滚动+偏移
- 如何在HTML5页面上启用平滑滚动