Question

我需要检测光标悬停在滚动条上的时间。我正在使用Chrome和jQuery。这适用于Firefox但不适用于Chrome：http://jsfiddle.net/HQrrq/1/

本质是：

$(document).mousemove(function(mouseMoveEvent){
        console.log(mouseMoveEvent.pageY);
});

所以，简单的问题：当我将鼠标悬停在Chrome中的文档滚动条上时如何获得鼠标位置？

Answer 1

可能是一种解决方法：{看起来需要处理一些窗口调整大小！}

http://jsfiddle.net/HQrrq/3/

var loremContainer = $('#loremContainer')[0],
    scrollbarWidth = loremContainer.offsetWidth - loremContainer.clientWidth,
    scrollbarHeight = loremContainer.offsetHeight - loremContainer.clientHeight;

$('#loremContainer').height($(window).height() - scrollbarHeight).width($(window).width() - scrollbarWidth);

Answer 2

我遵循了烤的答案基本想法，但是在每个页面上添加计算到页面高度和宽度的想法并没有吸引我。我实现了一个CSS解决方案： http://jsfiddle.net/HQrrq/8/

这个想法是让html和body 100％宽度和高度，并添加div作为身体的第一个孩子。这将与＆＃39; body＆＃39;相同。出于所有意图和目的，这只是一个补丁，让谷歌知道滚动条实际上是文档的一部分。

CSS：

html, body, #bodyContainer {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

#bodyContainer {
    overflow:scroll;
}

将鼠标放在Chrome中的滚动条上

2 个答案: