我的页面上有一个带有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)。 我怎么能解决这个眨眼问题?
答案 0 :(得分:0)
如果您想在所有浏览器和操作系统上工作,唯一的方法是使用自定义滚动条,例如 Tiny scrollbar或者您可以在此滚动条列表http://www.net-kit.com/jquery-custom-scrollbar-plugins/上获取战利品。