jquery - 带有 pdf 黑色闪烁(闪烁)的 Iframe

Question

我的页面上有一个带有 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)。 我该如何解决这个闪烁问题？

Answer 1

如果你想在所有浏览器和操作系统上工作，唯一的方法是使用自定义滚动条，例如 Tiny scrollbar或者你可以在这个滚动条列表中获得战利品 http://www.net-kit.com/jquery-custom-scrollbar-plugins/ .