如何在正文加載前使用JavaScript滾動頁面？

我試圖在身體負載之前滾動頁面50px。但是在運行代碼之前它總是等待身體負載。如何在正文加載前使用JavaScript滾動頁面？

我不太確定是什麼原因，我似乎記得在分析時運行。

我既，jQuery和普通的JavaScript嘗試過，這是我的代碼：

$(document).scrollTop('50'); 
window.scrollBy(0,50);

我如何讓它承載車身前工作？

來源

2012-07-09 lisovaccaro

沒有什麼身體被解析並呈現在屏幕 – Esailija 2012-07-09 08:15:39

你的意思是加載任何HTML之前滾動空白頁之前滾動？ – 2012-07-09 08:16:14

你可以設置身體不透明度爲0，然後在身體加載執行滾動，並最終設置其不透明度爲1，所以它會顯示已滾動 – Onheiron 2012-07-09 08:29:17

有當您呼叫的事件，因此不會有事圍繞這一
一種方式沒有任何機構是集體的高度，使一些常數
和身體標記添加onLoad事件

<script> 
SomeFunction(){ 
//scrollNow 
} 
</Script> 
<body onLoad="SomeFunction()" style="height:500px;"></body>

來源

2012-07-09 08:29:40

找到了一個工作解決方案，也許有人會找到更清潔的一個。這甚至可以在onload之前滾動頁面：

document.writeln('&nbsp;'); 
document.body.style.height = '5000px'; 
$(window).scrollTop(50);

Test script here。

來源

2012-07-09 08:54:17 Stano

1. Create css offset class and assign to the body 

    .offset{ 
     margin-top:-500px; 
     } 

    So that body will be loaded with 500px offset from top 

    2. Then add following code to the body 

     <body class="offset" onLoad="window.scroll(0, 150)"> 

    3. then using jquery, remove offset class when page is loaded 

     $(document).ready(function(){ 
     $(".row").removeClass("offset"); 
     });

這將工作http://www.frameinn.com/thatisuday/about

來源

2014-03-31 14:45:11

如何在正文加載前使用JavaScript滾動頁面？

回答

相關問題