Question

今天我发现Google+在用户滚动时将光标设置为初始值，当用户仍在滚动时，当鼠标悬停在所有超链接或图像上时，光标不会改变

当用户在css属性设置为指针的情况下滚动div时，如何阻止光标更改。我注意到，如果在用户滚动时光标不断变化，则滚动不像光标不变时那样平滑。我试过了

$(window).scroll(function(){
        console.log('scrolling');
        $('body').css("cursor", "initial");

    });

但似乎它不起作用，其他孩子的css属性已经覆盖了这条线，我没有在Stack溢出时发现任何类似的问题，有人能指出我正确的方向？

Answer 1

感谢CBroe提供的链接，disable cursor event when scrolling我发现我需要的是在用户滚动时将pointer-events: none;添加到正文并在用户停止滚动时将其删除。

首先我们需要在我们的css文件中添加一个名为disable-hover的类

.disable-hover {
  pointer-events: none;
}

秒我们需要检测用户是否正在滚动并相应地添加或删除该类

$(window).scroll(function(){
        $('body').addClass('disable-hover');

    });


    $(window).scrollStopped(function(){
        $('body').removeClass('disable-hover');
    });

就是这样！

scrollStoppped插件由Jason提供，用于检测滚动已停止

detect scroll stop

当用户滚动文档jquery时，停止光标在光标div上更改

1 个答案: