这篇文章主要介绍了js控制滚动条滚动指定位置,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获,下面让小编带着大家一起了解一下。

主要是获取到有滚动效果的元素,然后通过改变scrollTop的值来实现自动滚动效果。interval是setInterval函数的参数,如果想停止滚动可以利用鼠标的mouseOver函数,然后利用clearInterval函数将定时器清除就可以GPT改写。

问题:当浏览器缩放之后就无法自动播放了,但在火狐浏览器可以播放,谷歌,360,IE等则不能播放,不知道什么原因

function autoScroll(dom, interval) {

var parentDom = document.querySelector(dom) //获取滚动元素

initInterval = setInterval(() => {

//判断元素是否滚动到底部(可视高度+距离顶部=整个高度)

if (parentDom.scrollTop + parentDom.clientHeight === parentDom.scrollHeight) {

parentDom.scrollTop = 0

} else {

parentDom.scrollTop++ // 元素自增距离顶部

}

}, interval)

}

精彩链接

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。