使用 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);