HTML DOM Window Scroll() 方法

Window scroll()方法将窗口滚动到文档中的特定位置。此方法与 scrollTo() 方法不同，因为它使用 ScrolltoOptions 字典采用不同的参数，如滚动行为等。

句法：

window.scroll(x-coord, y-coord)

或者

window.scroll(options)

参数：

• x-coord：要滚动到的文档水平轴上的像素。
• y-coord：要滚动到的文档垂直轴上的像素。

• 选项：一个 ScrolltoOptions 字典。

示例 1：在本示例中，我们将使用 ScrolltoOptions 字典进行滚动。

 
  

    
    window scroll() method
   
  

    GeeksforGeeksGeeksforGeeksGeeksforGeeksGeeks
forGeeksGeeksforGeeksGeeksforGeeksGeeksforGeeks
GeeksforGeeksGeeksforGeeksGeeksforGeeksGeeksfor
GeeksGeeksforGeeksGeeksforGeeksGeeksforGeeksGeeks
forGeeksGeeksforGeeksGeeksforGeeksGeeksforGeeks
GeeksforGeeksGeeksforGeeksGeeksforGeeksGeeksfor
GeeksGeeksforGeeks
  
      
     GeeksforGeeks
     
     
    HTML | window scroll() method
    
  
    
    Click Here to Scroll
    
     
        var a = document.getElementById("a");
        function Geeks(){
            window.scroll({
                top: 100,
                left: 100,
                behavior: 'smooth'
});
        }
   
   

输出：

示例 2：在本示例中，我们将使用坐标滚动。

 
  

    
    window scroll() method
   
  

    GeeksforGeeksGeeksforGeeksGeeksforGeeksGeeks
forGeeksGeeksforGeeksGeeksforGeeksGeeksforGeeks
GeeksforGeeksGeeksforGeeksGeeksforGeeksGeeksfor
GeeksGeeksforGeeksGeeksforGeeksGeeksforGeeksGeeks
forGeeksGeeksforGeeksGeeksforGeeksGeeksforGeeks
GeeksforGeeksGeeksforGeeksGeeksforGeeksGeeksfor
GeeksGeeksforGeeks
  
      
     GeeksforGeeks
     
     
    HTML | window scroll() method
    
  
    
    Click Here
    
     
        var a = document.getElementById("a");
        function Geeks(){
            window.scroll(500, 0);
        }
   
   

输出：

支持的浏览器：

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