一尘不染

无法找出为什么页面底部加载?Angular UI-Router自动滚动问题

angularjs

为了我的一生,我无法弄清楚为什么此首页位于底部。这是有角度的ui路由器,有角度的,javascript或CSS问题吗?我已经坚持了两个小时,却不知道为什么我的html页面加载在底部而不是顶部,这真的在打消我作为程序员的自尊心:/

这是主页:[已编辑URL]

更新 -我解决了这个问题。它与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

玉器

extends layouts/default

block content
  section.container
    div(ui-view="header")
    div(ui-view="content")
    div(ui-view="footer")

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 }
    })
    .state('signin', {
      url: "/signin",
      views: {
        "header":    { templateUrl: "views/header/signin.html"   },
        "content":   { templateUrl: "views/content/signin.html"  },
        "footer":    { templateUrl: "views/footer/footer.html" }
      },
      resolve: { factory: setRoot }
    })

阅读 189

收藏
2020-07-04

共1个答案

一尘不染

Angular UI-
Router最近更新了它的应用程序,因此它会自动向下滚动到默认加载的新视图。这导致我的应用页面加载向下滚动。要关闭此功能,只需将以下属性添加到ui视图:

<div ui-view="header" autoscroll="true"></div>
2020-07-04