div中的Jquery幻灯片继续向前滚动

Question

我有一个div，我想在用户向下滚动指定数量后滑入。它最初可以工作，但是在每次滚动动作之后div不断向左移动而不是保持原位。任何人都知道为什么会这样？

  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;
              });                
        }
     }       
 });

Answer 1

滚动条很可能会影响您的宽度计算。

每次针对滚动条运行该功能时，您将添加总屏幕宽度加上滚动条的偏移量。