首页 > 其他分享 >如何使用jQuery自动滚动到页面底部?

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

时间:2023-02-27 18:15:32浏览次数:42  
标签:jQuery function 滚动 GeeksforGeeks height scrollTop document 页面

 

 

这个

$(document).scrollTop($(document).height());

 

 

<!DOCTYPE html>
<html>
  
<head>
    <title>Scroll Automatically</title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
  
    <!-- jQuery code to show the working of this method -->
    <script>
        $(document).ready(function() {
            $("button").click(function() {
                $(document).scrollTop($(document).height());
            });
        });
    </script>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>
  
<body>
    <center>
        <div>
            <!-- click on this button
              and see the change -->
            <button>Click Here!</button>
            <h1>GeeksforGeeks</h1>
            <h1>GeeksforGeeks</h1>
            <h1>GeeksforGeeks</h1>
            <h1>GeeksforGeeks</h1>
            <h1>GeeksforGeeks</h1>
            <h1>GeeksforGeeks</h1>
            <h1>GeeksforGeeks</h1>
            <h1>GeeksforGeeks</h1>
            <h1>GeeksforGeeks</h1>
            <h1>GeeksforGeeks</h1>
            <h1>GeeksforGeeks</h1>
            <h1>GeeksforGeeks</h1>
        </div>
    </center>
</body>
  
</html>

 

标签:jQuery,function,滚动,GeeksforGeeks,height,scrollTop,document,页面
From: https://www.cnblogs.com/hechunfeng/p/17161365.html

相关文章

  • 【tkinter】把tkinter滚动条加到text中
    一开始不知道怎么弄,教程都是直接加到tk主窗口中的,后来发现直接用带滚动条的文本框ScrolledText就行了真香!首先导入对应的包fromtkinter.scrolledtextimportScrolledText......
  • jQuery 好用的丰富JS函数库
    课程简介和目标为什么使用jQuery?使用原生JavaScript编码存在问题1选择器功能弱2DOM操作繁琐之极3浏览器兼容性不好4动画功能弱jQuery的优点1强大的选择器2出色的DOM......
  • 1_1jQuery简介
    1.1 jQuery定义和特点为什么使用jQuery?使用原生JavaScript编码存在问题1选择器功能弱 2DOM操作繁琐之极3浏览器兼容性不好4动画功能弱jQuery的优点1强大的选择器2出......
  • 1_1jQuery简介
    1.1 jQuery定义和特点为什么使用jQuery?使用原生JavaScript编码存在问题1选择器功能弱 2DOM操作繁琐之极3浏览器兼容性不好4动画功能弱jQuery的优点1强大的选择器2出......
  • jQuery 好用的丰富JS函数库
    课程简介和目标为什么使用jQuery?使用原生JavaScript编码存在问题​1选择器功能弱​2DOM操作繁琐之极​3浏览器兼容性不好​4动画功能弱jQuery的优点​1强......
  • jQuery 好用的丰富JS函数库
    课程简介和目标为什么使用jQuery?使用原生JavaScript编码存在问题​1选择器功能弱​2DOM操作繁琐之极​3浏览器兼容性不好​4动画功能弱jQuery的优点​1强......
  • 1_1jQuery简介
    1.1 jQuery定义和特点为什么使用jQuery?使用原生JavaScript编码存在问题1选择器功能弱 2DOM操作繁琐之极3浏览器兼容性不好4动画功能弱jQuery的优点1强大的......
  • 从 B 站出发,用 Chrome devTools performance 分析页面如何渲染
    页面是如何渲染的?通常会得到“解析HTML、css合成RenderTree,就可以渲染了”的回答。但是具体都做了些什么,却很少有人细说,我们今天就从Chrome的性能工具开始,具体看看一......
  • iframe页面加载完成为什么还是获取不到里面的dom
    iframe页面加载完成为什么还是获取不到里面的dom?因为Iframe是跨域,跨域的情况下是无法获取到iframe里面的DOM的,即使iframe加载完成,也无法获取到里面的DOM。有什么方法获取......
  • 通过html页面方式访问www.iximo.com的方式(原创)
    因为通过它的开发openapi问题太多,限制也很多,所以今天准备改写原来的方式,但调试的过程中经常出一些问题,后来通过firefox的firebug的方式找到一些原因,所以大家在开发页面过程......