jQuery在水平滚动时获取图像偏移量

时间:2019-06-25 14:55:36

标签: jquery scroll offset mousewheel window-scroll

我正在我的网站jQuery Mousewheel上进行水平滚动。

我正在尝试在滚动时获取图像的偏移量。

使用$(document).ready时可以使用,但是当我尝试使用$(window).scroll时,我没有正确的偏移量,并且在滚动时偏移量不会更新。

有什么想法吗?

这是我的代码:

$(document).ready(function() {

  $('html, body, *').mousewheel(function(e, delta) {

     this.scrollLeft -= (delta);
     e.preventDefault();
  });

});

$(window).scroll(function() {

  var $image = $(".image_test");
  var $rt = ($("body").width() - ($image.offset().left + $image.outerWidth()));

  console.log($rt);

});

这是一个Jsfiddle:

https://jsfiddle.net/deapzuc4/

谢谢

1 个答案:

答案 0 :(得分:0)

还将滚动位置添加到您的计算中:

var $rt = ($("body").width() - ($image.offset().left + $(window).scrollLeft() + $image.outerWidth()));