Question

这是我用来过滤页面中某些产品详细信息的现有脚本。当前，在过滤时会加载“正在加载”的GIF动画。与其相反，我希望它使用简单的div id函数滚动到顶部。认为页面URL是http://websitename.com/folder/index.php，我可以使用

滚动到顶部

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

如何通过更改此JQuery脚本自动滚动到顶部？我想使用此功能代替<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));为我工作。

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

使用JQuery滚动到页面顶部

3 个答案: