【问题标题】:Angular website page scrollAngular网站页面滚动
【发布时间】:2015-07-07 15:39:30
【问题描述】:

我们有一个网站,当点击链接时,加载的新页面不会滚动到顶部。我有一个开发人员做这个网站。想知道我是否可以在 JS 或其他地方快速解决这个问题。

这里是网站http://nisbetplantation.com/#/

尝试单击底部的缩略图之一。

【问题讨论】:

  • 它对我来说很好用。此外,请尝试在此处包含基本代码,因为仅指向网站的链接对其他人不是很有用,尤其是在网站更改或消失时。
  • 顶部链接工作正常。它在底部的任何链接。我认为它会滚动到它被点击的确切位置。
  • 底部缩略图上的 3 个链接“要做的 101 件事”...对我来说很好,下一页开始滚动到顶部。
  • 他们使用 chrome。但其他浏览器却没有。对不起,我应该提到这一点。
  • 我真的不知道为什么。一定是 Chrome 特有的东西。

标签: angularjs scroll ngroute


【解决方案1】:

我也有这个问题。我用这段代码解决了这个问题,只要状态发生变化,它就会滚动到页面顶部。

    $scope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams){
        $window.scrollTo(0, 0);
    });

【讨论】:

  • 我刚刚看了你的代码。您实际上并没有使用 ui-router,而是使用了 ngRoute。我将编辑您的问题以修复不正确的标签。您需要将我的代码更改为在 ngRoute 完成更改路由时触发的事件。抱歉,我对它不够熟悉,不知道该事件是什么。
  • window.scrollTo(0, 0);特拉维斯这实际上修复了它。非常感谢
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-09-05
  • 1970-01-01
  • 1970-01-01
  • 2012-08-17
  • 2021-07-04
  • 1970-01-01
相关资源
最近更新 更多