如何在 Drupal7 页面中使用 jQuery 计算向左/向右滚动的像素？答案

【问题标题】：How to count scrolled pixels to the left/right with jQuery within a Drupal7 page?如何在 Drupal7 页面中使用 jQuery 计算向左/向右滚动的像素？
【发布时间】：2013-03-04 16:54:56
【问题描述】：

与

$(window).scroll(function () {
    console.log($(this).scrollTop());

});

您可以计算向上或向下滚动的像素。但是我怎么能数从左到右的滚动呢？

我可以想象看到隐藏的固定元素的偏移量，但是没有像上面那样的另一种方式吗？

编辑：问题是当使用 Drupal 时，你需要将你的 jquery 封装在里面

jQuery(function($) {...

我尝试了i found here 的解决方案，我将窗口对象限定为

var thisWindow = window;

在 jQuery-capsule 之外，但它使我的网站崩溃并且无法正常工作。

EDIT2：好的。 - 也许同样重要的是要注意 #main-DIV 设置为 'overflow-y: hidden;'其子 .region.content-DIV 设置为 'overflow-x: scroll;'

【问题讨论】：

api.jquery.com/scrollLeft
嘿，这很快——但我该如何实现呢？它不适用于滚动侦听器内的窗口元素。
真棒，我还没有看到你的 HTML。但jsfiddle.net/mblase75/7mEVb 似乎工作正常。
好的，我明白了。奇怪的。我试过了，在我复杂的页面设置中它不能开箱即用。看来我必须找出原因...thanx！

标签： javascript jquery drupal-7 scroll scrolltop

【解决方案1】：

我发现我需要直接与滚动差异对话。听起来很合乎逻辑……

$('#main .region-content').scroll(function() {
    console.log($('#a-special-div-id').offset().left);
});

成功了。足够的解决方法。谢谢推！

【讨论】：

【解决方案2】：

您可以使用scrollLeft() 函数。 jQuery Documentation

【讨论】：