HTML |窗口 scrollBy() 方法

window.scrollBy()方法用于按给定的像素数滚动文档。

句法：

window.scrollBy( xcoordinate, ycoordinate );

或者

window.scrollBy(options);

参数：此方法接受上面提到和下面描述的两个参数：

• x 坐标：它是水平像素值，表示您想要滚动文档的程度（以 px 为单位）。
• y 坐标：它是垂直像素值，表示您想要滚动文档的程度（以 px 为单位）。

注意：您可以在 ScrollToOptions字典的选项中找到这些选项。

示例 1：水平滚动

      

    
        HTML | DOM window scrollby() method
    
      
    
        body {
            width: 5000px;
        }
        a:focus {
            background-color: magenta;
        }
        button {
            position: fixed;
        }
    

  

     
        GeeksforGeeks 
    
  
    HTML DOM Window.scrollBy() method
  
    
        Scroll horizontally!
    
      
    
  
    
        function scrollby() {
            window.scrollBy(100, 0);
        }
    

  

输出：

示例 2：使用选项

  

    
        HTML | DOM Window scrollBy() method
    
      
    
        body {
            width: 5000px;
            height:5000px;
        }
        a:focus {
            background-color: magenta;
        }
        button {
            position: fixed;
        }
    

  

     
        GeeksForGeeks 
    
  
    HTML DOM Window.scrollBy() method
  
    
        
            Scroll down
        
          
        
          
        
            Scroll up
        
          
        
          
        
            Scroll right
        
          
        
          
        
            Scroll left
        
    
  
    
        function scrollWin(x, y) {
            window.scrollBy(x, y);
        }
    

  
                    

输出：

支持的浏览器： HTML DOM Window scrollBy() 方法支持的浏览器如下：

• 谷歌浏览器 45
• 火狐
• 歌剧32