如何使用 jQuery 滚动窗口？

给定一个 HTML 文档，任务是在 jQuery 的帮助下滚动文档。有两种方法可以滚动 HTML 文档窗口，下面讨论：

方法：

• 使用选择器选择文档。
• 使用scrollTop() 或 scrollTo() 方法将文档移动到该位置。

示例 1：此示例使用scrollTop() 方法滚动 HTML 文档。

  
  
  
 
     
        How to scroll window using jQuery ?
    
      
    
    
      
    
        #body {
            height: 1000px;
        }
    
 
  
  
      
      
        GeeksForGeeks  
    
      
    
    
      
     
        Click here
    
      
    
    
      
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
          
        el_up.innerHTML = "Click on the button to scroll"
                        + " the document.";
          
        function gfg_Run() {
            $(document).scrollTop(100);
            el_down.innerHTML = "Position has been set.";
        }         
     
  
  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：此示例使用scrollTo() 方法滚动 HTML 文档。

  
  
  
 
     
        How to scroll window using jQuery ?
    
      
    
    
      
    
        #body {
            height: 1000px;
        }
    
 
  
  
      
      
        GeeksForGeeks  
    
      
    
    
      
     
        Click here
    
      
    
    
      
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
          
        el_up.innerHTML = "Click on the button to scroll"
                        + " the document.";
          
        function gfg_Run() {
            window.scrollTo(0, 100);
            el_down.innerHTML = "Position has been set.";
        }         
     
  
  

输出：

• 在点击按钮之前：
  
• 点击按钮后：