【问题标题】:go to top of the page using jquery in chrome在 chrome 中使用 jquery 转到页面顶部
【发布时间】:2014-07-09 07:18:28
【问题描述】:

我正在使用一个名为 nightsky 的 ui 主题

滚动到页面底部后,我想回到页面顶部。

我已经在开发控制台中尝试过:

  1. window.scrollTo(0, $("body").offset().top);
  2. window.scrollTo(0, $("#main").offset().top();
  3. 以下内容:

    $('html, body').animate({
        scrollTop: $('#main').position().top },
        1000
    );
    

    似乎可以在 Firefox 中而不是在 chrome 中工作

  4. $('html,body').animate({scrollTop: 0});

我正在寻找可以在控制台中执行的代码!没有点击监听等...只有几行代码

【问题讨论】:

  • $('html,body').animate({scrollTop: 0}); 为我工作。
  • 似乎在 Firefox 中工作,而不是在 chrome 中

标签: javascript jquery html css


【解决方案1】:

试试 jQuery .scrollTop(),

$(window).scrollTop(0)   //Or $('body').scrollTop(0)

Demo

【讨论】:

  • 这对你有用吗?似乎在 chrome 中不起作用
  • 我知道它工作正常!但这只是在这个主题nightskyadmin.com/demo/template/dashboard.html!应该有什么问题,无法弄清楚是什么!
  • 我在您的链接中找不到 scrollTop 代码。在 chrome 中为我工作。
  • 没有滚动顶部代码。在开发控制台中试试吧!我的意思是把这段代码粘贴到开发者控制台应该会把我带到窗口的顶部不是吗?
  • ScrollTop 在控制台中不起作用..在您的 JS 代码中尝试
【解决方案2】:

你为什么不使用<a href="#header">Go to top</a>

【讨论】:

  • 首先是一个按钮,如果出现错误,我必须在单击按钮时执行一些处理,然后转到页面顶部!
【解决方案3】:

你可以试试:

<a href="#top">Click</a>

【讨论】:

    【解决方案4】:

    试试这个

    $(document).ready(function(){
      $('.top').on('click', function() {
         $('html,body').animate({'scrollTop':'0px'},1000);
      });
    });
    

    这里是演示链接:http://jsfiddle.net/jkkheni/JWJ5N/13/

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-03
    • 1970-01-01
    • 2012-10-04
    • 1970-01-01
    • 1970-01-01
    • 2012-05-15
    相关资源
    最近更新 更多