文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS:如何防止iOS Safari上的滚动？

问CSS:如何防止iOS Safari上的滚动？
EN

Stack Overflow用户

提问于 2015-03-01 14:41:14

回答 2查看 48.5K关注 0票数 23

我创建了一个模型。当模式打开时，我将停止在桌面上使用overflow:hidden;到<body>的滚动。起作用了。

但它在我的iPhone 6s手机浏览器上不起作用。

如何在移动safari中打开模式时阻止滚动？

css

modal-dialog

mobile-safari

html

回答 2

Stack Overflow用户

发布于 2015-10-16 18:25:42

在iOS…上将其与position: fixed结合使用

overflow: hidden;
position: fixed;

票数 33

Stack Overflow用户

发布于 2016-09-15 15:37:15

(据我所知)没有一个很好的方法可以用CSS来完成这个任务，而不会对UX产生影响。

虽然它是Javascript，而不是CSS，但我找到的最好的方法是：

// Disable scrolling.
document.ontouchmove = function (e) {
  e.preventDefault();
}

// Enable scrolling.
document.ontouchmove = function (e) {
  return true;
}

票数 29

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28790889

复制

相似问题

问CSS:如何防止iOS Safari上的滚动？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS:如何防止iOS Safari上的滚动？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS:如何防止iOS Safari上的滚动？
EN