的滚动-6ren"> 的滚动-这是极其简单的 HTML 页面 ... 此页面的预期行为是:由于 overflow-y: hidden,无法滚动文档。 除 Safari 外,它在任何地方都按预期工作(防止滚动)。 现场演示:-6ren">
gpt4 book ai didi

css - Safari 没有阻止 的滚动

转载 作者:技术小花猫 更新时间:2023-10-29 11:43:18 26 4
gpt4 key购买 nike

这是极其简单的 HTML 页面

<body style="overflow-y: hidden">
...
</body>

此页面的预期行为是:由于 overflow-y: hidden,无法滚动文档。

除 Safari 外,它在任何地方都按预期工作(防止滚动)。

现场演示:https://spotted-chime.glitch.me/


问题是:如何使 Safari 的行为方式与其他浏览器相同?

最佳答案

只需使用 overflow: hidden它将起作用。

或者,您可以尝试使用 position: fixed<body> 上标签也是如此。

(注意:使用这种方法,body 将滚动到顶部,默认情况下为 top: 0。)

编辑:对于 safari 移动设备,您需要使用 Javascript 事件。在这个答案中解释。

https://stackoverflow.com/a/4770179/2860486

关于css - Safari 没有阻止 <body style ="overflow-y: hidden"> 的滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52786341/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com