jquery – 显示弹出窗口时防止背景滚动

前端之家收集整理的这篇文章主要介绍了jquery – 显示弹出窗口时防止背景滚动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个弹出窗口中显示的表单。加载后,背景变灰,但用户仍然可以上下滚动背景内容

如何防止背景滚动?

Example here

“email this quote”链接到pdf截图的右侧。

谢谢!

解决方法

一个选项是暂时将overflow属性设置为隐藏在body上,这样可以摆脱滚动条,但是当页面被调整时会导致一个小的闪烁。

另一个选择是点击$(window).scroll()事件,并从那里返回false。这也会导致一点闪烁,因为浏览器不会对返回false语句做出快速反应。

你最好的办法是将你的点击事件处理程序移动到一个单独的文件,并在那里进行绑定:

$(function() {
    $('.emailPost').click(function() {
        $(window).scroll(function() { return false; });
        pageTracker._trackPageview('/onclick/emailquote');            
    });
});

这样可以防止页面滚动。记住在对话框关闭删除绑定,否则页面将无法滚动!您可以使用以下方式删除绑定:

$(window).unbind('scroll');
原文链接:https://www.f2er.com/jquery/183080.html

猜你在找的jQuery相关文章