最新的Web开发教程
 

HTML DOM scrollLeft Propery

<元素对象

获得像素的内容的数量<div>元素被水平和垂直滚动的:

var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
试一试»

更多"Try it Yourself"下面的例子。


定义和用法

所述scrollLeft属性设置或返回一个元素的含量水平滚动的像素的数量。

提示:使用scrollTop的属性来设置或返回元素的内容垂直滚动的像素数。

提示:要滚动条添加到一个元素,使用CSS 溢出财产。


浏览器支持

属性
scrollLeft

句法

返回scrollLeft属性:

element .scrollLeft

设置scrollLeft属性:

element .scrollLeft= pixels

属性值

描述
pixels 指定元素的含量水平滚动的像素数。

特别说明:
  • 如果数字为负值时,所述数量被设置为"0"
  • 如果元素不能被滚动时,数被设定为"0"
  • 如果数目大于允许的最大滚动量越大,数量被设置为最大数

技术细节

返回值: 一个数字,表示该元素的含量一直水平滚动的像素数

例子

更多示例

滚动的内容<div>元件50个水平像素和10个垂直像素:

var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
试一试»

滚动的内容<div>元件50个水平像素和10个垂直像素:

var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
试一试»

滚动的内容<body>通过水平30个像素和10个垂直像素:

var body = document.body; // For Chrome, Safari and Opera
var html = document.documentElement; // Firefox and IE places the overflow at the <html> level, unless else is specified. Therefore, we use the documentElement property for these two browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;
试一试»

<元素对象