如何使jQuery选择器在整个浏览器窗口中工作

嗨，我在用电话

它使用以下绑定

$('html').bind('mousewheel', function(event, delta) {
  window.scrollBy(-120 * delta, 0);
  return false;
}); 

增量由鼠标滚轮移动和页面水平滚动决定

除了在没有文本或图像、通常没有html元素的空白处移动光标外，一切正常，然后鼠标滚轮移动突然没有响应。我肯定这是因为绑定是如何工作的

我制作了一个不可见的100%乘100%固定pos div来测试我的理论，滚动将完美工作。虽然对我来说这似乎是一个黑客行为，我想知道这段代码的正确实现

如何使此函数在整个浏览器页面上都被调用

非常感谢你

---

更新：David主动用他的代码创建了一个测试页面。谁能告诉我这对你和对他都有效吗？它对我不起作用，也就是说，只有当指针位于红色矩形上方时，我才能水平滚动页面。

您是否尝试将其绑定到

文档

或

窗口

$(document).bind('mousewheel', function(event, delta) {
  window.scrollBy(-120 * delta, 0);
  return false;
}); 

---

您是否尝试将其绑定到

文档

或

窗口

$(document).bind('mousewheel', function(event, delta) {
  window.scrollBy(-120 * delta, 0);
  return false;
}); 

---

我遇到了完全相同的问题并设法解决了，请参见

CSS

请注意，您需要将mousewheel事件应用于#wrapper元素

这允许包装器元素保留在依赖html或body之前可能未被占用的空间

---

您可能会注意到，宽度是由一个表定义的，我发现这是水平网页中最好的方法。

我遇到了完全相同的问题，并设法解决了，请参阅

CSS

请注意，您需要将mousewheel事件应用于#wrapper元素

这允许包装器元素保留在依赖html或body之前可能未被占用的空间

---

您可能会注意到，宽度是由一个表定义的，我发现这是水平网页中最好的方法。

啊，我只是尝试了一下，但没有成功。功能仍然相同：（这是不寻常的吗？谢谢！！我在这里听起来可能有点不对劲，但是否有可能受到代码本身的启发，并将函数绑定到鼠标滚轮移动时？链接：感谢创建该页面David。对我来说，在Safari和Chrome中，我都必须将光标指向红色矩形，鼠标滚轮才能移动页面。Whic你使用的是h浏览器吗？啊，我只是尝试了一下，但运气不好。功能还是一样的：（这是不寻常的吗？谢谢！！我在这里听起来可能有点不对劲，但是否有可能受到代码本身的启发，并将函数绑定到鼠标滚轮移动时？链接：感谢创建该页面David。对我来说，在Safari和Chrome中，我都必须将光标指向红色矩形，鼠标滚轮才能移动页面。Whic您使用的浏览器是什么？