javascript - 滚动条到底了怎么设置不在弹一下
本文介绍了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屋!
查看全文