如何防止在移动浏览器上打开Materializecss模式时出现背景滚动？

文章/答案/技术大牛

发布

1回答

javascript、css、materialize

如何在移动平台上打开materializecss模式时防止后台滚动？在桌面浏览器上，背景会被阻止滚动，并正常工作。在移动浏览器(Safari ios、Chrome ios等)上，当打开模式并使用手指滚动它时，背景<

浏览 8提问于2017-02-09得票数 1

19回答

在移动浏览器上启动3模式时，如何防止后台滚动？

html、twitter-bootstrap、modal-dialog、twitter-bootstrap-3

在移动平台上启动3模式时如何防止后台滚动？在桌面浏览器上，背景被禁止滚动，并按其应有的方式工作。在移动浏览器(Safari ios、Chrome ios等)上，当打开一个模式并使用手指滚动它时，背景也会像模式</e

浏览 13提问于2013-09-27得票数 42

回答已采纳

1回答

防止肚脐中的双列(MaterializeCSS)

css、navbar、materialize

我想知道是否有一种方法来调整MaterializeCSS中的导航条，以防止在元素数超过浏览器宽度时出现双行。我在想一些可滚动的导航条，比如选项卡：但我想不出办法来实现它。

浏览 1提问于2020-07-15得票数 0

回答已采纳

1回答

Nivo Lightbox -在移动视图中滚动问题

android、jquery、css、mobile、nivo-slider

在我的个人投资组合网站上，我正与Nivo搏斗。不幸的是，我不能让它在移动浏览器上正确运行，会出现一些滚动问题。提前感谢！克里斯托弗

浏览 2提问于2014-04-20得票数 0

回答已采纳

2回答

iPad、iPhone模式对话框滚动问题

javascript、jquery、html、ios

我们网站上的各个页面都会打开JQuery的“模式对话框”对话框。然而，在iPad或iPhone上查看时出现了一个问题，我相信这是一个常见的问题。在某些页面上，模式对话框对于iPad屏幕来说太大了，因此我需要滚动模式框。然而，当我这样做时，对话框不会移动，但背景(即它后面的主屏幕)会<e

浏览 6提问于2015-06-04得票数 8

回答已采纳

2回答

HTML将滚动条附加到模态内容

javascript、css、scrollbar、modal-dialog、pinterest

我正在创建一个类似于Pinterest的页面，项目在用户滚动时垂直流动。当用户单击这些项目之一时，将打开包含相关内容的模式。目前，该模式是一个绝对定位的div。模式和背景(项目列表)都比用户的浏览器高度长。如何使浏览器上的滚动条显示模式div的高度而不是背景的高度，然后在关闭模式时</

浏览 0提问于2012-04-20得票数 3

回答已采纳

3回答

防止在移动浏览器上滚动，而不阻止输入聚焦

javascript、android、ios、browser、preventdefault

我在文档的touchstart上使用preventDefault()来防止页面上的滚动。不幸的是，这防止了太多。用户不能再将焦点放在输入(并打开软键盘)。使用jQuery focus()，我可以将焦点分配给touchstart上的输入。这会打开iOS上的软键盘(大多数情况下)，但不会在安卓上打开。我有一个网页，我想做尽可能像一个移动应用程序。$(docum

浏览 8提问于2012-09-18得票数 6

14回答

Twitter启动模式的打开/关闭会导致固定的标头跳转

css、twitter-bootstrap、dialog、modal-dialog、scrollbar

不幸的是，我有一个小问题，我似乎无法修复:当Twitter启动模式打开和关闭时，一个跳跃的标题。在移动设备上没有问题。这个问题只发生在更大的视口，如台式机和笔记本电脑。如何重新创建注意跳转标题和消失的滚动条一旦模式打开。关闭模式

浏览 1提问于2014-08-12得票数 15

回答已采纳

1回答

如何防止模式隐藏垂直滚动条

bootstrap-4

当打开“登录/注册”的模式时，滚动条从屏幕的右侧移除。我有以下代码来防止内容在模式打开时向左移动，这是有效的，但滚动条仍然被删除，并留下一个白色列： .-modal-open .fixed, overflow-y: scroll; ove

浏览 11提问于2019-09-18得票数 2

回答已采纳

3回答

防止固定正文滚动到页面顶部

javascript

我有一个按钮，防止默认和打开一个模式。我正在尝试使模式保持背后的背景固定，然后在模式关闭时取消固定。;} else { window.scrollTo(0, sc

浏览 46提问于2019-09-24得票数 2

回答已采纳

2回答

带溢出隐藏的背景移动

css、magnific-popup

在网站上工作时，我遇到了以下问题。超大型弹出(lightbox插件)将HTML设置为溢出:隐藏；当lightbox打开时，这将防止滚动。: contain;}我不知道是什么导致了这种行为，我尝试了以下几点：镁基弹出也设置了一个空白-

浏览 7提问于2015-04-17得票数 1

回答已采纳

1回答

使用.open()进行Fancybox背景滚动

jquery、fancybox

我像这样打开第一个：在html中，我只是在fancybox中有一个带有我想要的锚点id的锚点标记。当我从第一个框移动到第二个框时，问题出现了，在收到服务器的响应后，我像这样打开了它：这会很好地打开fancybox，但在本例中，背景

浏览 19提问于2016-07-21得票数 0

回答已采纳

4回答

在仅打开IOS模式时如何禁用体滚动

html、css、twitter-bootstrap-3、bootstrap-modal

即使jquery模式库也不起作用！ --打开iPhone上的模式，您就可以滚动主体了。我发现很难找到一个解决方案，在每次打开模式时，不让页面跳转到顶部就停止身体滚动(这与页面滚动一样糟糕)。

浏览 0提问于2019-02-20得票数 8

回答已采纳

3回答

如何解决桌面浏览器上的背景内容抖动问题？

jquery、html、css、twitter-bootstrap、jquery-mobile

这个问题我想了两次，当使用引导3模式框时，当模式框弹出时，浏览器滚动条会出现在铬桌面上，它会导致背景内容抖动0.5秒后再次成为静态的。然而，在移动设备中，由于移动浏览器没有像windows chrome那样显示滚动条，在这些浏览器中查看的人不会看到这个问题。框架中，当我单击从一个页面到另一个页面的转换时，背景

浏览 6提问于2015-05-07得票数 1

1回答

防止移动键盘在<input /> mount in react javascript和enable on click时打开

javascript、html、reactjs

我有一个模式窗口，当用户单击按钮时会打开该窗口。这个模式窗口有一个<input type="text" />组件。如何防止在安装输入时打开移动键盘，以及

浏览 2提问于2019-03-15得票数 1

1回答

如何在不跳转到顶部的情况下锁定fancybox覆盖？

javascript、iframe、fancybox-2

我想在fancybox打开时禁用浏览器滚动。下面的代码就可以工作了： overlay: { }但在移动设备上，窗口会在fancybox打开时跳到顶部。如何锁定覆盖和防止跳跃？function(e) { e.stopPropagation(); e.returnValue = fa

浏览 1提问于2013-10-28得票数 0

1回答

模态出现后是不可点击的- Safari

javascript、html、css、safari、react-modal

只适用于狩猎我注意到，当我们在setTimeout()中包装触发函数时，我们将能够看到模式</e

浏览 1提问于2019-03-19得票数 0

回答已采纳

1回答

需要滚动Bootstrap模式与背景的大高度

html、css、twitter-bootstrap-3、bootstrap-modal

我有一个引导模式，它的高度超过了浏览器的屏幕高度。要求是不应该有任何垂直滚动条专门为模式。每页可以有一个。另一个是模式应该随着背景一起移动。现在，为了实现这一点，并经历了许多类似的问题，我对模式类进行了以下更改： position: from 'fixed' to 'absolute'; overflow-y: from'auto' to 'hidden'

浏览 1提问于2016-01-11得票数 1

1回答

如何在肚脐折叠活动时禁用身体的滚动

css、twitter-bootstrap-3

使用引导3，当可折叠导航条菜单在移动设备中打开时，我面临禁用身体滚动的问题。当折叠菜单打开，如果我们滑动它，背景元素也开始滚动，我不想。我希望当我们在可折叠菜单上滑动时，背景元素不应该滚动。同样的问题也出现在台式机上。

浏览 0提问于2015-07-23得票数 5

回答已采纳

2回答

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

html、css、modal-dialog、mobile-safari

当模式打开时，我将停止在桌面上使用overflow:hidden;到<body>的滚动。起作用了。如何在移动safari中打开模式时阻止滚动？

浏览 0提问于2015-03-01得票数 23

点击加载更多