必需的行为:在将鼠标悬停在某个元素上时,我想禁用浏览器主窗口滚动,或者至少使用鼠标滚轮来禁用。我想在禁用滚动条时保持其可见性。
原因:该页面大约是浏览器窗口高度的两倍。有一个带滚动条的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/