【web前端】16.实现点击回到页面底部/顶部

﹏ヽ暗。殇╰゛Y 2022-01-15 12:03 352阅读 0赞

![20190613100920858.png][]

![20190613100940448.png][]

<script src="js/jquery-3.3.1.min.js"></script>
    <script>
        $(document).ready(function () {
            $('#go_up').click(function () {
                console.log('go_up');
                $('body,html').animate({
                    scrollTop: 0
                }, 600);
                return false;
    
            });
            $('.go_down').click(function () {
                console.log('go_down');
                // var scrollHeight = $('body,html').prop("scrollHeight");
                $('body,html').animate({
                    // scrollTop: document.getElementsByTagName('BODY')[0].scrollHeight
                    // scrollTop: scrollHeight
                    scrollTop: $('body,html')[0].scrollHeight
                }, 600);
                return false;
            });
        });
    </script>

[20190613100920858.png]: /images/20220115/ae9a5dc6437b45afb3132ded38279b4c.png
[20190613100940448.png]: /images/20220115/33cde8e8a66949c484b55e597721c2af.png

发表评论取消回复

表情：

评论列表（有 0 条评论，352人围观）

还没有评论，来说两句吧...

相关阅读

相关按钮点击，页面回到顶部，

<li id="top" οnclick="$('html, body').animate(\{scrollTop: 0\}, 700);" style="cursor:po

ゝ一世哀愁。/ 2023年06月27日 05:41/ 0 赞/ 13 阅读

相关 uni-app 点击按钮回到顶部

参考官方文档：[https://uniapp.dcloud.io/api/ui/scroll?id=pagescrollto][https_uniapp.dcloud.io_a

「爱情、让人受尽委屈。」/ 2023年02月18日 09:45/ 0 赞/ 3 阅读

相关 vue点击按钮回到顶部事件

<template> <div id="app"> <router-view /> <img src="

柔情只为你懂/ 2022年12月12日 15:29/ 0 赞/ 224 阅读

相关 uniapp小程序页面来回点击回到顶部

客户要求，小程序页面过长，来回点击，页面必须回到顶部。在onShow里加上这个就好了 onShow() { setTimeout(() => {

梦里梦外;/ 2022年11月21日 11:54/ 0 赞/ 409 阅读

相关利用JQuery实现从底部回到顶部的功能

今天给大家介绍一下如何利用JQuery实现从任意地方返回顶部的功能，现在大部分网站因为篇幅比较长，所以都会设置这么一个按钮，利用这个按钮可以实现从底部返回顶部的功能。废话不多

怼烎@/ 2022年09月26日 02:27/ 0 赞/ 213 阅读

相关 HTML学习笔记之二（回到顶部与回到底部）

回到顶部回到底部回到顶部的俩种方式一、使用js $('html, body').animate({ scrollTop: 0 }

左手的ㄟ右手/ 2022年08月05日 02:51/ 0 赞/ 487 阅读

相关 jquery设置点击标签，标签滚动到页面顶部

预备知识：（一）jQuery CSS 操作 - offset() 方法参考地址：[http://www.w3school.com.cn/jquery/css\_

r囧r小猫/ 2022年06月14日 09:29/ 0 赞/ 423 阅读

相关点击按钮跳到当前页面指定的div和跳到顶部或底部

function goTop() \{ $('html, body').animate(\{scrollTop:0\}, 'slow'); \} function

「爱情、让人受尽委屈。」/ 2022年03月20日 06:06/ 0 赞/ 246 阅读

相关【web前端】16.实现点击回到页面底部/顶部

![20190613100920858.png][] ![20190613100940448.png][] <script src="js/jquery-3.3

﹏ヽ暗。殇╰゛Y/ 2022年01月15日 12:03/ 0 赞/ 353 阅读

相关同页面锚链接(例如点击顶部导航跳转底部)

![1681505-20190814174001847-1007871856.png][] 　　　　<div class="top"> <img class="img1"

谁借莪１个温暖的怀抱￠/ 2021年10月30日 06:08/ 0 赞/ 314 阅读