如果打开Thickbox，则设置body noscroll

我的JS / jQuery知识非常基础，所以我在这里要求一些帮助。

我正试图通过Thickbox实现Pinterest效果。

我假设应该使用JS或jQuery来监视Thickbox操作（如果#TB_window存在与否）并应用以下规则：

• 如果打开Thickbox – >将body样式设置为overflow：hidden
• Else Thickbox关闭 – >将body样式设置为overflow：auto

我正在使用集成到WordPress Thickbox中的函数 – add_thickbox（）; 如果它有任何区别。

Answer 1

我不确定页面的构造，但下面的代码应该通过一些调整来修复它

$(document).ready(function(){ $('.element').click(function(){ $('.body').css({'overflow':'hidden'}); }); $('.overlay, .close-button').click(function(){ $('body').css({'overflow':'visible'}); }); }); 

只需使用正确的类名替换以下内容即可

.element – 打开Thickbox的可点击链接或图像的类
.overlay – Thickbox背后的半透明叠加层
.close-button – 如果需要，可以在Thickbox上关闭按钮的类