scrollTop
土垚金鑫
软件
展开
-
H5项目锚点,返回顶部案例,elementUI框架的Backtop源码
案例:如下图所示:点击下面小火箭使页面返回到最顶端。个别同学在h5项目中使用scrollIntoView方法会导致部分安卓手机不生效,ios手机会突然返回顶部,没有动画效果。本案例方法是参考elementUI框架的Backtop源码进行修改的,且兼容性很好,主要代码如下面代码块内容所示。其他说明:不同的手机或者系统,获取容器滚动scrollTop的值的元素可能不一样,有的是没有html元素,有的是body元素,所以需要兼容。(其实还可以使html和body都不滚动,在vue项目中使用最顶层的div即原创 2020-11-03 15:25:14 · 618 阅读 · 0 评论 -
html页面中获取scrollTop
html页面中获取scrollTop获取浏览器滚动条滚动的大小document.documentElement.scrollTop // 获取的是HTML的scrollTopdocument.body.scrollTop // 获取的是HTML下body的scrollTopdocument.querySelector(’#app’).scrollTop // 获取的是以id为app元素的scrollTopdocument.documentElement.scrollTop //原创 2020-11-02 17:08:26 · 2286 阅读 · 0 评论