Question

以下是我项目的链接：http://ryanrobert91.com/project/artic.co/index.html

1.正如您从我上面的项目中看到的，我不知道这是一个错误或什么...每当我加载网站，并转到下一页并且它有scrollTop动画但是这个位置第一次看似不对，而且scrollTop确实执行了......但是在第二次点击后退和前进之后，这个位置似乎是正确的。

2.浏览器的大小也会影响位置。当我使用更大的显示器时，位置似乎正确，但当我在较小的笔记本电脑屏幕上打开时，位置关闭。

如果你不理解我的解释，只需转到链接并在网站上玩游戏，你也会注意到这个问题。

请帮助我，如果你想要更多的编码部分，请告诉我。

这是我的代码：

  <script type="text/javascript">

$(document).ready(function(){



    $('body').animate({scrollTop: $("#b1").offset().top},1);
    b1Slide('b1');
var status = $('#remote').data('level') ;
   var next = document.getElementById('next');
var prev = document.getElementById('prev');
    var ccc = 1;

    $("#next").click(function() {              
       if(status == 1 ){
    $('body').animate({scrollTop: $("#b2").offset().top},900);
           prev.style.display = "block";
           b1Slide('b2');
           b1Slide_b('b1');

           status = 2;
       }
         else if(status == 2) {
            $('body').animate({scrollTop: $("#b3").offset().top},900);
             b1Slide('b3');
             b1Slide_b('b2');

           status = 3;
       }

          else if(status == 3) {
            $('body').animate({scrollTop: $("#b4").offset().top},900);
              b1Slide('b4');
              b1Slide_b('b3');

           status = 4;
              next.style.display = "none";
       }
         else{}

        });

     $("#prev").click(function() {              
       if(status == 1 ){

       }
        else if(status == 2){
            $('body').animate({scrollTop: $("#b1").offset().top},900);
            b1Slide('b1');
            b1Slide_b('b2');
           status = 1;
            prev.style.display = "none";
        }  
          else if(status == 3){
            $('body').animate({scrollTop: $("#b2").offset().top},900);
              b1Slide('b2');
            b1Slide_b('b3');
           status = 2;
        }  
           else if(status == 4){
            $('body').animate({scrollTop: $("#b3").offset().top},900);
               b1Slide('b3');
            b1Slide_b('b4');
           status = 3;
               next.style.display = "block";
        }    
         else{}
     }); 


});

滚动位置问题

0 个答案: