使用 JQuery 滾動到頁面頂部

Question

這是我用來過濾頁面中一些產品詳細信息的現有腳本。 目前，在過濾時，它會加載“加載”GIF animation。 相反，我希望它使用簡單的 div id function 滾動到頂部。 考慮頁面 URL 是http://websitename.com/folder/index.php ，我可以使用滾動到頂部

<a href="#top" class="nav-link">Go to top</a>

如何通過更改此 JQuery 腳本自動滾動到頂部？ 我想用這個 function 而不是<div id="loading" style="" ></div> ，我該怎么做？

<script>
$(document).ready(function(){

    filter_data();

    function filter_data()
    {
        $('.filter_data').html('<div id="loading" style="" ></div>');
        var action = 'fetch_data';
        var minimum_price = $('#hidden_minimum_price').val();
        var maximum_price = $('#hidden_maximum_price').val();
        var brand = get_filter('brand');
        var ram = get_filter('ram');
        var storage = get_filter('storage');
..... 

Answer 1

感謝@Bryn . $('.filter_data').html(window.scrollTo(1000, 0)); . $('.filter_data').html(window.scrollTo(1000, 0)); 為我工作。

Answer 2

您可以嘗試以下代碼：

$("a[href='#top']").on('click', function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});

Answer 3

代替

$('.filter_data').html('<div id="loading" style="" ></div>');

（甚至 $('.filter_data').html(window.scrollTo(1000, 0)); ）

你應該可以使用

window.scrollTo(1000, 0);