本文主要是介绍javascript中元素的scrollLeft和scrollTop属性说明，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
这两个属性的适用范围：
注意：
这两个属性只能用于元素设置了overflow的css样式中。否则这两个属性没有任何意义。
且overflow的值不能为visible，但可以为hidden,auto,scroll的之中，但是hidden最常见。
注意：在对这两个参数设置值时，直接用数字就可以了，否者不起作用。
javascript中元素的scrollLeft和scrollTop属性的参数意义：
scrollLeft：是该元素的显示（可见）的内容与该元素实际的内容的距离。
即设置scrollleft就如同你拖动水平滚动条一样。假如你的页面太大，浏览器的宽度不够，就会出现滚动条。一开始scrollLeft的值为0，你就看到了你的页面最左边的内容。而不显示超过浏览器的那部分，当你向右拖动滚动条时，scrollLeft的值在增大，你就看到了右边因隐藏的东西，而看不到左边隐藏的部分。他就会从scrollLeft的位置开始显示，而不显示0-scrollLeft的元素内容。即：该元素的显示位置与实际内容的位置的距离变大。。。
简单了说：元素会从scrollLeft的位置显示该元素的内容。
假如不懂的话，你就把元素的所有内容都在纸画出拉，元素的最左边为0,显示的宽度为10,那就就能看到0-10的位置，假如scrollLeft为20的话，你就能看到从20的位置开始显示，向后显示10个
那么scrollTop和scrollLeft一样，只不过变成了垂直了而已。
这篇关于javascript中元素的scrollLeft和scrollTop属性说明的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
