javascript - 如何解决overflow: hidden后滚动条不被监听
迷茫
迷茫 2017-04-11 13:09:51
[JavaScript讨论组]

事情是这样的:
html和body给了样式:

html,body{
      height: 100%;
      overflow: hidden;
    }

里面的容器给了样式:

#app{
      height: 100%;
      overflow: auto;
    }

结构是这样的:


  

回到顶部

问题出现了,之前设置的监听滚动事件不起效果了,script里是这样的:

window.onscroll= function(){
                //变量t是滚动条滚动时,距离顶部的距离
                var t = document.documentElement.scrollTop;
                var scrollup = document.getElementById('tips');
                //tips是要显现与隐藏的p
                if(t>0){
                    scrollup.style.display="block";
                }else{          //恢复正常
                    scrollup.style.display="none";
                }
            }

现在根本监听不到 scrollTop的值 请问我该怎么调试 拜托啦

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(2)
怪我咯

你在#app监听scroll事件啊..

黄舟

你的window都没有滚动条了当然监听不到事件啦。
更换你监听的元素

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号