javascript - 滚动条到底了怎么设置不在弹一下

查看：91 发布时间：2017/9/6 1:11:31 javascript css html html5 sass

本文介绍了javascript - 滚动条到底了怎么设置不在弹一下的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题

这是网易云音乐的网页滚动条已经到底了向上滑动不动但是我看其他的网页就算到底了还可以向上滑一下在弹下来请问怎么设置才可以像网易那样到底就不允许再滑动了呢谢谢哈

解决方案

看了下网易云的网页，相当于最外层html,body设置了

overflow:hidden;
height:100%;

body内部嵌套了iframe,内部元素是可滚动的。也就是说，加入你的节点是这样的：

<body>
    <div id="container"></container>
</body>

所以设置html,body为overflow:hidden, container为auto,当container内容超出一页时，滚动到底就会是那样的效果了

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

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

这篇关于javascript - 滚动条到底了怎么设置不在弹一下的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文