ホームページ > 記事 > ウェブフロントエンド > js中scrollLeft, scrollTop, scrollWidth, scrollHeigh
js中scrollLeft, scrollTop, scrollWidth, scrollHeigh
- WBOYオリジナル
- 2016-06-01 09:54:591592ブラウズ
先用文字介绍一下这四个属性。
scrollLeft 返回当前元素的左边界到它的包含元素的左边界的偏移量。
scrollTop 返回或设置匹配元素的滚动条的垂直位置。
scrollWidth 返回元素的完整的宽度，包括内边距。
scrollHeight 返回元素的完整的高度 ，包括内边距。
<code> <div id="demo" style="border:1px solid red;width:150px; height:200px; margin:10px; padding:20px; overflow:auto;"> 先用文字介绍一下这四个属性。 scrollLeft(scrollLeft详解) 返回当前元素的左边界到它的包含元素的左边界的偏移量。 scrollTop(scrollTop详解) 返回或设置匹配元素的滚动条的垂直位置。 scrollWidth(scrollWidth详解) 返回元素的完整的宽度，包括内边距。 scrollHeight(scrollHeight详解) 返回元素的完整的高度 ，包括内边距。 </div> </code>
scrollHeight=滚动条可见高度+滚动条不可见高度；
scrollWidth=滚动条可见宽度+ 滚动条不可见宽度。
如图所示:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。