gpt4 book ai didi

javascript - 如何避免后台页面滚动?

转载 作者:行者123 更新时间:2023-11-29 20:01:09 25 4
gpt4 key购买 nike

我正在使用 Twitter Bootstrap 的模态窗口,我注意到当你滚动时,模态弹出窗口保持固定,而背景页面移动。对于演示,您可以单击以下页面中的“启动演示模式”按钮:

http://getbootstrap.com/2.3.2/javascript.html#modals

如何避免这种情况,让滚动事件控制模态窗口? Bootstrap 提供的选项似乎不包括这些。

模态弹出窗口是一个 <div>position: fixed ,这就是为什么它在我滚动时保持固定。但是我不能将它设置为其他值,因为它需要保持弹出状态。我还想如果我设置 <body>的样式为 overflow:hidden ,滚动条将被隐藏。但这不是我想要的。

最佳答案

$('.modal') 
.on('shown', function(){
console.log('show');
$('body').css({overflow: 'hidden'});
})
.on('hidden', function(){
$('body').css({overflow: ''});
});

关于javascript - 如何避免后台页面滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14552818/

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