jquery get image offset right on horizontal scrolling

Question

I'm using on my website jQuery Mousewheel to have an horizontal scrolling.

I'm trying to get the offset right of an image when scrolling.

when using $(document).ready it works, but when I try to use $(window).scroll I dont have the right offset and the offset is not updated when scrolling.

any ideas ?

here is my code :

$(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);

});

here is a Jsfiddle :

https://jsfiddle.net/deapzuc4/

thanks

score 0 · Accepted Answer · answered Jun 25 '19 at 15:23

0

add the scroll positioning to your calculation as well:

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

answered Jun 25 '19 at 15:23

Evik Ghazarian

1,803
1
9
24

thanks for your reply... I get negativ results when scrolling... any ideas ? https://jsfiddle.net/bnrtyjvo/ – mmdwc Jun 25 '19 at 15:57
oh I get it, we need to substract the scroll positioning instead of adding it – mmdwc Jun 25 '19 at 16:00
Yes, I was getting negative also, and thought maybe this is the way you need it for. – Evik Ghazarian Jun 25 '19 at 16:05

jquery get image offset right on horizontal scrolling

1 Answers1