当前位置:Gxlcms > JavaScript > js中scrollLeft,scrollTop,scrollWidth,scrollHeigh

js中scrollLeft,scrollTop,scrollWidth,scrollHeigh

时间:2021-07-01 10:21:17 帮助过:5人阅读

先用文字介绍一下这四个属性。
scrollLeft 返回当前元素的左边界到它的包含元素的左边界的偏移量。
scrollTop 返回或设置匹配元素的滚动条的垂直位置。
scrollWidth 返回元素的完整的宽度,包括内边距。
scrollHeight 返回元素的完整的高度 ,包括内边距。



先用文字介绍一下这四个属性。 scrollLeft(scrollLeft详解) 返回当前元素的左边界到它的包含元素的左边界的偏移量。 scrollTop(scrollTop详解) 返回或设置匹配元素的滚动条的垂直位置。 scrollWidth(scrollWidth详解) 返回元素的完整的宽度,包括内边距。 scrollHeight(scrollHeight详解) 返回元素的完整的高度 ,包括内边距。
 

scrollHeight=滚动条可见高度+滚动条不可见高度;
scrollWidth=滚动条可见宽度+ 滚动条不可见宽度。

如图所示:

js中scrollLeft, scrollTop, scrollWidth, scrollHeight分析

js中scrollLeft, scrollTop, scrollWidth, scrollHeight分析

人气教程排行