相关疑难解决方法(0)

无法弄清楚为什么页面在底部加载?Angular UI-Router自动滚动问题

对于我的生活,我无法弄清楚为什么这个主页在底部加载.这是一个角度ui路由器,角度,JavaScript或CSS问题?我已经被困在这两个小时了,不知道为什么我的html页面加载到底部而不是顶部是真的杀了我作为程序员的自尊:/

这是主页:[URL Redacted]

更新 - 我解决了这个问题.这是Angular UI-Router.有关简单修复,请参阅下面的答案.

我使用Angular和Angular UI-Router,设置看起来像这样......

default.jade

  doctype html
  html(lang='en', xmlns='http://www.w3.org/1999/xhtml', xmlns:fb='https://www.facebook.com/2008/fbml', itemscope='itemscope', itemtype='http://schema.org/Product')
  include ../includes/head
  body(ng-controller="RootController")
  block content
  include ../includes/foot
Run Code Online (Sandbox Code Playgroud)

index.jade

extends layouts/default

block content
  section.container
    div(ui-view="header")
    div(ui-view="content")
    div(ui-view="footer")
Run Code Online (Sandbox Code Playgroud)

Angular Config.js

window.app.config(function($stateProvider, $urlRouterProvider) {
// For any unmatched url, redirect to "/"
$urlRouterProvider.otherwise("/");
// Now set up the states
$stateProvider
    .state('home', {
      url: "/",
      views: {
        "header":    { templateUrl: "views/header/home.html"   },
        "content":   { templateUrl: "views/content/home.html"  },
        "footer":    { templateUrl: "views/footer/footer.html" }
      },
      resolve: { factory: setRoot …
Run Code Online (Sandbox Code Playgroud)

javascript css express angularjs angular-ui-router

27
推荐指数
4
解决办法
2万
查看次数

AngularJS + Safari:强制页面在页面切换时滚动到顶部

我使用AngularJS进行奇怪的,仅限safari的滚动行为.

每当用户在页面之间翻转时,页面就会被改变,就好像它们是AJAX一样.我知道他们在AngualrJS中,但最终的行为是当用户切换页面时浏览器不会滚动到顶部.

我试图强制浏览器在使用新控制器时滚动到顶部,但似乎没有做任何事情.

我在每个控制器的顶部运行以下JS:

document.body.scrollTop = document.documentElement.scrollTop = 0;

这也是一个仅限Safari的错误,当页面发生变化时,每个其他浏览器都会滚动到顶部.有没有人遇到过类似的问题或想到更好的解决方法?

safari angularjs

24
推荐指数
3
解决办法
4万
查看次数

更改视图后,angularJS不会滚动到顶部

例如:

用户向下滚动视图A;

然后用户点击链接,用户可以查看B;

视图是更改,但用户的垂直位置保持不变,并且必须手动滚动到屏幕顶部.

这是一个有角度的虫子吗?

我写了一个小的解决方法,使用jquery滚动到顶部; 但是我找不到将它绑定到的正确事件.

看到评论后编辑:

如何以及何时将自己拉到顶峰?我正在使用jquery,但是$ viewContentLoaded事件太快了(该方法运行,但页面当时不滚动)

angularjs

7
推荐指数
2
解决办法
1万
查看次数

标签 统计

angularjs ×3

angular-ui-router ×1

css ×1

express ×1

javascript ×1

safari ×1