我的页面上有一个带有 pdf 的 iframe,并尝试在滚动 iframe 时禁用主窗口的滚动。这是它的代码:
$('iframe')
.mouseover(function () {
var html = $('html');
html.data('previous-overflow', html.css('overflow'));
html.css('overflow', 'hidden');
html.css('margin-right', '17px');
})
.mouseout(function () {
// un-lock scroll position
var html = $('html');
html.css('overflow', html.data('previous-overflow'));
html.css('margin-right', '0px');
});
但此类 css 更改会导致 iframe 内容闪烁(使用 Chrome 13)。
我该如何解决这个闪烁问题?
如果您想在所有浏览器和操作系统上工作,唯一的方法是使用自定义滚动条,例如小滚动条 http://baijs.nl/tinyscrollbar/或者你可以看看这个滚动条列表http://www.net-kit.com/jquery-custom-scrollbar-plugins/ http://www.net-kit.com/jquery-custom-scrollbar-plugins/.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)