Jquery slide in div keeps moving on scroll

Question

I have aa div that I want to slide in once the user scrolls down a specified amount. It initially works but after than the div keeps moving to the left a little on every scroll action instead of staying in place. Anyone has an idea why is this happening?

  var opening = false;
  var closing = false; 
 $(window).scroll(function(){
     var windowHeight = $(window).height();
     var windowScroll = $(window).scrollTop(); 
     var position1 = $("#Support").offset().top;         
    if ( windowScroll > (position1 - (windowHeight/2)) )  
     {
        if (!opening) {
            opening = true;
            closing = false;
            $("#SupportImage1").stop().animate({
                left: "1200px"                  
              }, 1500, function(){
                  opening = false;
                  });
            }            
     }
     else
     {
        if (!closing) {
            closing = true;
            opening = false;
             $("#SupportImage1").stop().animate({
                left: "100%"                    
              }, 1400, function() {
                  closing = false;
              });                
        }
     }       
 });

You mean something like this: http://stackoverflow.com/q/12350972/ — yckart, Sep 27 '12 at 15:18
To be more specific, the image is outside of the page on the right side so it's not visible and when the user scrolls down the specific height I want the image to slide in from the right. — KobeBryant, Sep 27 '12 at 15:33
OK it seems to have fixed itself as I didn't really change the code at all...thanks to everyone for the input! — KobeBryant, Sep 27 '12 at 16:15

score 0 · Answer 1 · answered Sep 27 '12 at 14:57

0

the scroll bar is most likely affecting your width calculations.

everytime you run that function against the scroll bar you are adding in the total screen width plus the offset by the scroll bar.

answered Sep 27 '12 at 14:57

Dan Kanze

18,485
28
81
134

The scroll bar is always there since it's a long page. – KobeBryant Sep 27 '12 at 15:12

Jquery slide in div keeps moving on scroll

1 Answers1