js 获取滚动条位置

JavaScript013

js 获取滚动条位置,第1张

获取滚动条位置:

document.body.scrollTop (滚动条离页面最上方的距离)

document.body.scrollLeft (滚动条离页面最左方的距离)

document.documentElement.scrollTop (滚动条离页面最上方的距离)

document.documentElement.scrollLeft (滚动条离页面最左方的距离)

onload=function(){

var

changeBG=0,scrollTop=0

//设置原始变量

setInterval(function(){

scrollTop=document.body.scrollTop

if(changeBG&&scrollTop>200){

//判断是否更换了背景及滚动条是否到达指定高度

document.body.scrollTop=0

//转到页面顶部

document.body.style.backgroundImage="url(...)"

//变换背景

changeBG=1

//表示已经转换了背景

setTimeout(function(){

document.body.scrollTop=changeBG

//返回原来位置

},1000)

}

},1000)

}