不二如是 发表于 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内容不显示了
页: [1]
查看完整版本: 0 0 9 4 - 神奇的悬浮图层