jquery - 在 Chrome 中获取鼠标在滚动条上的位置

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 作为 body 的第一个孩子。就所有意图和目的而言，这将与“正文”相同，并且只是让 Google Chrome 知道滚动条实际上​​是文档的一部分的补丁。

CSS：

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

#bodyContainer {
    overflow:scroll;
}