在移动浏览器上打开Bootstrap 3模式时如何防止背景滚动？ [英] How to prevent background scrolling when Bootstrap 3 modal open on mobile browsers?
本文介绍了在移动浏览器上打开Bootstrap 3模式时如何防止背景滚动？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
在移动平台上启动Bootstrap 3模式时如何防止背景滚动？在桌面浏览器上，背景被禁止滚动并按照原样运行。
How to prevent background scrolling when Bootstrap 3 modal open on mobile platforms? On desktop browsers the background is prevented from scrolling and works as it should.
在移动浏览器（Safari ios，Chrome ios等）上，打开模式并使用你的手指滚动它，背景也会像模态一样滚动。如何防止这种情况发生？
On mobile browsers (Safari ios, Chrome ios, etc), when a modal is opened and using your finger to scroll it, the background also scrolls as does the modal. How do I prevent that?
推荐答案
请参阅：https://github.com/twbs/bootstrap/issues/7501
所以试试：
$('body').css('overflow','hidden');
$('body').css('position','fixed');
这篇关于在移动浏览器上打开Bootstrap 3模式时如何防止背景滚动？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
