使用Fancybox时网站的水平滚动条处于重置位置

Question

我的网站使用Fancybox来显示项目和用于水平滚动鼠标的滚轮。

每次我滚动页面，然后选择一个项目时，水平滚动条都设置为位置0。我希望滚动条保持其位置。

请帮我。

Answer 1

Fancybox正在html上设置.fancybox-lock类。

.fancybox-lock {
    overflow: hidden !important; // <-- this is the problem
    width: auto;
}

.fancybox-lock {
    width: auto;
}

Answer 2

我编辑了您的代码，它起作用了。

• beforeLoad：

• beforeClose：

• afterShow：

那是没有必要的。 我删除了。

       var scrollPos = 0;
        $(".news_helper").fancybox({
            width: 512,
            fitToView: false,
            height: '100%',
            autoSize: false,
            closeClick: false,
            openEffect: 'none',
            closeEffect: 'none',
            mouseWheel: false,
        });
        $('html, body').mousewheel(function (event, delta, deltaX, deltaY) {
            this.scrollLeft -= (delta * 100);
            event.preventDefault();
        });
        $("img.lazy").lazyload({
            effect: "fadeIn",

        });

检查它JSFIDDLE