重新加载到页面顶部

时间:2014-04-11 02:21:48

标签: javascript jquery reload

解决 将其添加到html:

<body onload="location.href='#menu'"> 

它是唯一的解决方案而不是滚动问题的副本.... pff。

我编辑了这个问题,希望SO社区重新审视它。所谓的重复问题中的解决方案都没有工作,或者我使用它们不正确。我发布了我的代码,其中包含两个解决方案,以表明我正在尝试。请帮忙!

超级基本的javaScript问题我找不到.....我正在试用,主要是错误和StackOverflow。

当我刷新时,我想返回到页面顶部(F5或浏览器重新加载或任何其他方式页面可以重置)。我相信这是浏览器工作的“旧”方式,但是当我刷新时,我会停留在页面上的相同位置。我正在使用Chrome进行测试。当然,我希望在所有浏览器中都有这种行为。

在这种情况下,我正在构建一个单页应用程序。大多数移动用户永远不会使用刷新/重装,因为它被埋在汉堡包中,但我想通过回到家乡来处理这个事件。在这种情况下,<div data-role="page" id="menu">

我正在使用jquery,但我想确保并学习javascript。

我感谢你们所有人。

代码:

 document.ready = init;

function init(){

var button = $('#facultyButton')
    ,facList = $('#facultyList')
    ,search = $('#facSearch')
    ,monikerBox = $('.monikerBox')
    ,events = $('#events')
    ,ajaxString = "http://stage.webscope.com/veith/dev/ajax.pl?"
    ,html = "";

//executed on init
console.log('page init');
 $('html').scrollTop(0);

//事件

$(window).on('load',function(){
    $('html, body').scrollTop(0);
});
button.click(function(){
    var value = "a";

1 个答案:

答案 0 :(得分:2)

窗口的加载事件仅在页面加载完成后立即运行一次。因此,无论出于何种原因(第一次查看或刷新),您都可以确保在页面加载后它将运行。

$(window).on('load', function(){
    $('html, body').scrollTop(0);
});