距滚动条顶部的距离
le tele=document.getelementbyid (demo ) )。
控制台. log (ele.scroll top ) )。
距滚动条底部的距离
le tele=document.getelementbyid (demo ) )。
console.log (ele.scroll height-ele.scroll top-ele.clientheight ) )。
滚动到顶部
document.documentelement.scroll to (0，0 ) ) ) ) ) ) ) ) )。
自定义滚动条的样式
. beauty-scroll{
scroll bar-color : # 1890 ff # 91d5ff； /*第一个框的颜色，第二个轨迹的颜色((用于更改火狐浏览器的样式() /
scrollbar-width: thin； /*火狐滚动条无法自定义宽度。 这个属性只能使滚动条的宽度变细*/
-ms-overflow-style:none； /*隐藏滚动条(在IE和Edge浏览器中都很难更改样式，并保持隐藏) /
/*以下是自定义chrome浏览器滚动条样式的方法*
:-webkit-scrollbar {/*整个滚动条的样式*/
width: 3px； /*温柔的铅笔分别对应横纵滚动条的尺寸*
height: 1px；
}
:-WebKit-scroll bar-thumb {/*滚动条中的小方块*/
border-radius: 3px；
- WebKit-box-shadow : inset 001 px rgba (0，0，0 )；
后台： # 1890 Ff；
}
:-WebKit-scroll bar-track {/*滚动条中的轨道*/
- WebKit-box-shadow : inset 001 px rgba (0，0，0 )；
border-radius: 3px；
background: #91D5FF；
}
}
chrome浏览器
火狐
IE和Edge :隐藏滚动条