必需的行为:在将鼠标悬停在某个元素上时,我想禁用浏览器主窗口滚动,或者至少使用鼠标滚轮来禁用。我想在禁用滚动条时保持其可见性。

原因:该页面大约是浏览器窗口高度的两倍。有一个带滚动条的div。当在div上用鼠标滚动时,单击列表的底部或顶部时,主窗口开始滚动。这是不受欢迎的行为,因为通常主窗口滚动将在屏幕上移动divs内容,甚至将其完全滚动出屏幕,这非常烦人。我希望能够在主窗口滚动不接管的情况下将鼠标滚动到div的底部,然后将div滚动到视图之外。我希望任何禁用的滚动条保持可见的原因是,如果隐藏了这些滚动条,则页面的宽度会拉伸以适应间隙,从而导致内容跳转/移动,这既难看又对鼠标悬停有问题。

是否可以使用javascript / css但不能使用jquery?

最佳答案

使用jquery,您可以让页面滚动到鼠标进入时的最后位置
另一个滚动区域:

    var scrolltop = 0;
    var handler = function(ev){$(window).scrollTop(scrolltop)};

    $(element).bind("mouseover", function(ev){
        scrolltop = $(window).scrollTop();
        $(window).bind("scroll",handler);
    });

    $(element).bind("mouseout", function(ev){
        $(window).unbind("scroll",handler);
    });

其中element是另一个滚动区域

关于javascript - 在具有javascript/css的元素的鼠标悬停时禁用(不隐藏)主滚动条?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7713148/

10-12 00:53
查看更多