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

使用Fancybox时，网站的水平滚动条被重置位置

2 个答案: