JQuery получить смещение изображения прямо на горизонтальной прокрутке

Question

Я использую на своем веб-сайте jQuery Mousewheel для горизонтальной прокрутки.

Я пытаюсь получить смещение вправо изображения при прокрутке.

при использовании $ (document). уже работает, но когда я пытаюсь использовать $ (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/

спасибо

Answer 1

добавьте позиционирование прокрутки к вашему расчету:

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