为了我的一生,我无法弄清楚为什么此首页位于底部。这是有角度的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 } })
Angular UI- Router最近更新了它的应用程序,因此它会自动向下滚动到默认加载的新视图。这导致我的应用页面加载向下滚动。要关闭此功能,只需将以下属性添加到ui视图:
<div ui-view="header" autoscroll="true"></div>