0 0 9 4 - 神奇的悬浮图层

不二如是 · 发表于 2017-3-23 15:53:38

购买主题 已有 3 人购买 本主题需向作者支付 5 鱼币 才能浏览

lylslll · 发表于 2017-3-25 20:26:43

js代码，我试了一下，未运行成功。楼主确定判别document.body.scrollTop 能成功吗？
求一份网页的完整代码。

不二如是 · 发表于 2017-3-26 12:19:27

lylslll 发表于 2017-3-25 20:26
js代码，我试了一下，未运行成功。楼主确定判别document.body.scrollTop 能成功吗？
求一份网页的完整代 ...

这个是调用jQuery哦～

a211827754 · 发表于 2018-8-28 23:19:16

function()加载不了的原因是 document.body.scrollTop 一直是 0 。
当页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement.scorllTop。
页面没有DTD，即没指定DOCTYPE时，使用document.body.scroll。
而我的页面加了<!DOCTYPE html>，所以如下
   /*判断回到顶部按钮显示与否*/
   window.onscroll=function(){
      var scrollTop = document.documentElement.scrollTop;
         if(scrollTop > 500){
            nav.className = "show";
         }else{
            nav.className = "";
         }
}
解决方法源地址: http://www.cnblogs.com/starof/p/5238654.html

上帝也幽默 · 发表于 2018-9-15 17:10:17

本帖最后由上帝也幽默于 2018-9-15 17:20 编辑

依葫芦画瓢，试着用jQ实现以上功能

<script type="text/javascript" src="jquery-3.2.1.js"></script>
        <script type="text/javascript">        
                $(document).ready(function(){
                        $(window).scroll(function(){
                                nav = $(window).scrollTop();
                                if(nav > 666){
                                        $('#top').addClass('show');
                                }
                                else{
                                        $('#top').removeClass('show');
                                }
                        });
                        $('#top').click(function(){
                                $('body,html').animate({scrollTop:0},1000);
                        });
                });
        </script>

睁眼睡大觉 · 发表于 2019-4-1 12:25:48

上帝也幽默发表于 2018-9-15 17:10
依葫芦画瓢，试着用jQ实现以上功能

感谢

小脑斧 · 发表于 2020-4-19 18:45:36

加了jq也出不来，那个top内容不显示了

账号		自动登录	找回密码
密码			立即注册

不二如是不二如是当前离线 UID 378930 日志相册贡献荣誉积分 57321 狗仔卡	发表于 2017-3-23 15:53:38 \| 显示全部楼层 \|阅读模式购买主题已有 3 人购买本主题需向作者支付 5 鱼币才能浏览本帖被以下淘专辑推荐: · HTML5 & CSS3 - 庖丁解牛\|主题: 205, 订阅: 37
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	回复使用道具举报置顶卡千斤顶显身卡

[庖丁解牛] 0 0 9 4 - 神奇的悬浮图层

本帖被以下淘专辑推荐:

评分