ScrollTop - ChromeではなくFirefoxを使用しています

Question

こんにちは私はdivをクリックすると別のセクションにスクロールするスクリプトがあります。 ボタンをクリックすると、上にスクロールします。

Firefoxでは動作していますが、Chromeでは動作していません。私はStackOverflow上のすべてのバージョンのコードを試してみましたが、動作させることはできません。

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#button").click(function(){ 
     var offset = 20; //Offset of 20px 
     $("#offer_table").toggle(); 

     $('html, body').animate({ 
     scrollTop: $("#section5").offset().top + offset 
    }, 2000); 

    }); 
    });  

</script> 

誰でも手助けできますか？

Answer 1

私は変数にこの$("#section5").offset().top + offsetを配置しようとアニメーション定義内でその変数を使用し、たい：（Chromeでテスト済み）掲載作品として

... 
var x1 = $("#section5").offset().top + offset; 
$('html, body').animate({ 
     scrollTop: x1 
    }, 2000); 
... 

Answer 2

あなたのスクリプトが、それは何をあなたは行いませんそれが欲しい。あなたのスクリプトで、ボタンをクリックすると、ページは＃section5にスクロールし、#offer_tableボタンは表示/非表示を切り替えます。あなたは何をしたいのですか？あなたはセクションを言及します - 現在のセクションをクリックすると、ページを次のセクションまでスクロールしますか？

$(document).ready(function(){ 
 
    $("#button").click(function(){ 
 
     var offset = 20; //Offset of 20px 
 
     $("#offer_table").toggle(); 
 

 
     $('html, body').animate({ 
 
     scrollTop: $("#section5").offset().top + offset 
 
    }, 2000); 
 

 
    }); 
 
}); 

div { 
 
    height: 200px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<button id="offer_table">Offer</button> 
 
<button id="button">Button</button> 
 
<div id="section1">section 1</div> 
 
<div id="section2">section 2</div> 
 
<div id="section3">section 3</div> 
 
<div id="section4">section 4</div> 
 
<div id="section5">section 5</div>