javascript - 我无法让鼠标出去工作

Question

所以我有这个功能来防止侧边栏悬停时主体滚动。问题是，我无法让 mouseout 功能正常工作。

var currentScroll=0;
function lockscroll(){
    $(window).scrollTop(currentScroll);
}


$(document).ready(function (){

        $(".sidebarholder, .commentswrapper").hover(function (){
            currentScroll=$(window).scrollTop();
            $(window).bind('scroll',lockscroll);

        })  



})

我的问题是，如何在鼠标移开时解除绑定(bind)？

如果我这样做，它就会完全停止工作。

    $(".sidebarholder, .commentswrapper").mouseout(function(){
        currentScroll=$(window).scrollTop();
        $(window).unbind('scroll');

    })

Answer 1

jQuery 的 hover() 内置了“悬停关闭”功能，这可能会有所帮助:

   $(".sidebarholder, .commentswrapper").hover(
     function (){ // hover over
       currentScroll=$(window).scrollTop();
       $(window).bind('scroll',lockscroll);
     },
     function (){ // hover off
       currentScroll=$(window).scrollTop();
       $(window).unbind('scroll',lockscroll);
     }
   )

http://api.jquery.com/hover/