首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用JQuery滚动到页面顶部

使用JQuery滚动到页面顶部
EN

Stack Overflow用户
提问于 2020-07-23 12:59:36
回答 3查看 34关注 0票数 0

这是现有的脚本,我使用它来过滤我的页面中的一些产品详细信息。目前,在过滤时,它加载一个“正在加载”的GIF动画。而不是使用简单的div id函数滚动到顶部。假设页面URL为http://websitename.com/folder/index.php,我可以使用以下命令滚动到顶部

代码语言:javascript
复制
<a href="#top" class="nav-link">Go to top</a>

如何通过更改此JQuery脚本自动滚动到顶部?我想使用这个函数而不是<div id="loading" style="" ></div>,我该怎么做?

代码语言:javascript
复制
<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');
..... 
EN

回答 3

Stack Overflow用户

发布于 2020-07-23 13:14:55

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

票数 0
EN

Stack Overflow用户

发布于 2020-07-23 13:15:24

您可以尝试以下代码:

代码语言:javascript
复制
$("a[href='#top']").on('click', function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});
票数 0
EN

Stack Overflow用户

发布于 2020-07-23 13:27:45

而不是

代码语言:javascript
复制
$('.filter_data').html('<div id="loading" style="" ></div>');

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

您应该能够只使用

代码语言:javascript
复制
window.scrollTo(1000, 0);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63047173

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档