scrollTop - 第二次点击不起作用

Question

我有两个简单的div，onclick，运行scrollTop移动到网站的某个部分。

问题如下：

1. 我点击“提出要约”div。这让我到了正确的位置。
2. 如果我点击“分期付款”div，它会滚动到页面顶部。

需要：始终滚动到正确的位置。

div：

 <div id="button" class="Alan_button_blue">Make an Offer</div>

 <div id="instalments" class="Alan_button_2">Instalments</div>

两个div的两个脚本是：

<script type="text/javascript">
   $(document).ready(function(){
       $("#button").click(function(){
           var offset = 1; //Offset of 1px
           $('body, html').animate({
               scrollTop: $("#section5").offset().top + offset
           }, 1500);
       });
   });      

   $(document).ready(function(){
       $("#instalments").click(function(){
           var offset = 1; //Offset of 1px
           $('body, html').animate({
               scrollTop: $("#section6").offset().top + offset
           }, 1500);
        });
    });     
</script>

如果有人可以提供帮助，那就太棒了！

Answer 1

我已经测试了你的代码，它运行得很好。我不能说这个问题是什么......

<input>

        $(document).ready(function(){
            $("#button").click(function(){
                var offset = 1; //Offset of 1px
                $('body, html').animate({
                    scrollTop: $("#section5").offset().top + offset
                }, 1500);
            });
        });      

        $(document).ready(function(){
            $("#instalments").click(function(){
                var offset = 1; //Offset of 1px
                $('body, html').animate({
                    scrollTop: $("#section6").offset().top + offset
                }, 1500);
                });
            });