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

发布于 2022-09-04 18:10:29 字数 390 浏览 6 评论 0

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

太阳公公是暖光 2022-09-11 18:10:29

看了下网易云的网页,相当于最外层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;
}
嘿嘿嘿 2022-09-11 18:10:29

一般的网页到底了向上滑一下是因为有数据加载出来了,就等于下拉刷新一样。但没有数据的话,就没有必要让他弹上去,这个用户体验不好。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文