HTML DOM 窗口 scrollX 属性

Window 接口的scrollX属性返回文档当前在当前窗口中水平滚动的像素数。这个值在现代浏览器中是亚像素精确的，这意味着它不一定是一个整数。这是一个只读属性。

句法：

var Scrx = window.scrollX

返回值：返回值是一个双精度浮点值，表示文档当前从原点水平滚动的像素数。

示例：此示例显示如何获取正在滚动的精确像素数
使用此属性的文档的水平方向。

在这里，我们附加了一个长水平文本以超出框架以启用水平滚动。

 
  

    
    window scrollX property
   

    GeeksforGeeksGeeksforGeeksGeeksforG
eeksGeeksforGeeksGeeksforGeeksGeeksforGeeks
GeeksforGeeksGeeksforGeeksGeeksforGeeksGeeks
forGeeksGeeksforGeeksGeeksforGeeksGeeksfor
GeeksGeeksforGeeksGeeksforGeeksGeeksforGeeks
GeeksforGeeksGeeksforGeeksGeeksforGeeksGeeks
forGeeksGeeksforGeeksGeeksforGeeksGeeksforGeeks
GeeksforGeeks
      
     GeeksforGeeks
     
     
    HTML | window scrollX property
    
  
    
    Click Here
    
    
     
        var a = document.getElementById("a");
        function Geeks(){
            a.innerHTML =
 "scrollX is : " + window.scrollX;
}
   
   

输出：

点击按钮前：

单击按钮后：因此，可以看到水平滚动。

支持的浏览器：

• 谷歌浏览器
• 苹果浏览器
• 火狐
• 歌剧
• 边缘