对于我的生活,我无法弄清楚为什么这个主页在底部加载.这是一个角度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) 我使用AngularJS进行奇怪的,仅限safari的滚动行为.
每当用户在页面之间翻转时,页面就会被改变,就好像它们是AJAX一样.我知道他们在AngualrJS中,但最终的行为是当用户切换页面时浏览器不会滚动到顶部.
我试图强制浏览器在使用新控制器时滚动到顶部,但似乎没有做任何事情.
我在每个控制器的顶部运行以下JS:
document.body.scrollTop = document.documentElement.scrollTop = 0;
这也是一个仅限Safari的错误,当页面发生变化时,每个其他浏览器都会滚动到顶部.有没有人遇到过类似的问题或想到更好的解决方法?
例如:
用户向下滚动视图A;
然后用户点击链接,用户可以查看B;
视图是更改,但用户的垂直位置保持不变,并且必须手动滚动到屏幕顶部.
这是一个有角度的虫子吗?
我写了一个小的解决方法,使用jquery滚动到顶部; 但是我找不到将它绑定到的正确事件.
看到评论后编辑:
如何以及何时将自己拉到顶峰?我正在使用jquery,但是$ viewContentLoaded事件太快了(该方法运行,但页面当时不滚动)