javascript - 退出模态后如何重新激活滚动？

Question

退出模式后如何重新激活滚动？

http://1ne-studio.com/test2/index.html编号:测试通过 : 2015

在灰色子标题的右上角有一个打开模式的链接。

当模态打开时，我通过在 body 上添加类禁用了 body 上的滚动

    <script type="text/javascript">
    $("#modal-name").mouseenter(function(){
       $("body").css("overflow", "hidden");
       $("body").addClass("modal-open");
    }).mouseleave(function(){
         $("body").removeClass("modal-open");
            $("body").attr("overflow", "auto");
       $("body").focus();
    });
</script>

并在 fsvs.js 中禁用视差滚动(控制 slideDown 和 Up)

slideDown : function(e) {
    if ($("body").hasClass("modal-open")) { return false; }
    if( app.canSlideDown() ) {
        ignoreHashChange = true;
        app.slideToIndex( (currentSlideIndex+1), e );
    } else {
        scrolling = false;
    }
},

/**
 * [slideUp description]
 * @return {[type]} [description]
 */

slideUp : function(e) {
    if ($("body").hasClass("modal-open")) { return false; }
    if( app.canSlideUp() ) {
        ignoreHashChange = true;
        app.slideToIndex( (currentSlideIndex-1), e );
    } else {
        scrolling = false;
    }
},

但是在我退出模式后，滚动不会重新打开..

有什么办法可以解决这个问题吗？

Answer 1

我终于找到了答案..!

我仔细研究了这个问题并找到了解决方案。这不是最佳解决方案，因为我还没有真正找到解决导致此问题的实际问题的方法。但这确实给了我想要的结果。

我发现，在退出模式后，有一种方法可以解决这个视差问题，那就是点击右侧的分页按钮。

所以我创造了

             var e = new jQuery.Event("click");
        e.offsetX = 100;
        e.offsetY = 100;
        $('#fsvs-pagination li.active').trigger(e);

这将使浏览器认为我点击了分页按钮并重新激活视差。

我还没有检查每个浏览器，但这可能解决了问题。

感谢您的所有支持，如果您找到更好的解决方案，请告诉我。