如何使用jQuery自动滚动到页面底部？

要自动从上到下滚动页面，我们可以在 jquery 中使用 scrollTop()和height() 方法。
在此方法中，在 scrollTop 方法中传递文档的高度以进行滚动。

示例 1：无动画滚动。

  

    Scroll Automatically
    
    
  
    
    
        $(document).ready(function() {
            $("button").click(function() {
                $(document).scrollTop($(document).height());
            });
        });
    
    
        h1 {
            color: green;
        }
    

  

    
        
            
            Click Here!
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
        
    

  

输出：

• 前：
  
• 后：
  

示例 2：滚动动画。

  

    Scroll Automatically
    
    
  
    
    
        $(document).ready(function() {
            $("button").click(function() {
                $("html, body").animate({
                    scrollTop: $(
                      'html, body').get(0).scrollHeight
                }, 2000);
            });
        });
    
    
        h1 {
            color: green;
        }
    

  

    
        
            
            Click Here!
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
            GeeksforGeeks
        
    

  

输出：

• 前：
  
• 后：
  

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。