2012-02-02 71 views
0

是否可以阻止滾動窗口調整大小?我有一個由4個部分(divs)組成的網站,每個網站都是窗口的大小。不允許在窗口上滾動調整大小

HTML

<html> 
<body> 
<div id="home" class="section"></div> 
<div id="works" class="section"></div> 
<div id="contact" class="section"></div> 
<div id="about" class="section"></div> 
</body> 
</html> 

CSS

.section{ 
    margin: 0; 
    width:100%; 
} 

JQUERY

$(document).ready(function() { 
    $(".section").height($(window).height()); 
    $(".section").css("min-height", "768px"); 
    $(window).resize(function() { 
    $(".section").height($(window).height()); 
    var bodyheight = $(window).height(); 
    }); 
    }); 

正如你可以看到我在上面加一個代碼其中你會看到每個div都具有窗口的大小,並遵循調整大小的行爲,並且具有768px的最小高度,但是每次調整大小時,它都會跳轉(滾動)到下一部分,因此可以使其停留在當前部分窗口調整大小?

+0

它與我正常工作(當我調整,它停留在在做之前,不知道你的問題,你有沒有嘗試過不同的瀏覽器?你的代碼是否影響它在其他地方? – Skyrel 2012-02-02 19:10:10

回答

0

我在Aurora,Opera和Chrome中測試了它,並且在調整大小時不會滾動到以前的內容,除非在頁面調整大小時將動態內容添加到頁面。 例如,我加

$('body').prepend('<div>' + $(window).width() + '</div>'); 

到您的函數,然後,由於額外的內容,還有在我的位置滾動頁面

+0

是的我忘了提及,這隻發生在即時通訊在Firefox,你可以檢查我的網站,並用Firefox測試,嘗試調整它,你會看到我的意思[IamFer](http://iamfer.com) – Paradise 2012-02-02 20:59:57