jQuery開發的簡單過渡問題

我開發一個非常簡單的單頁網站瀏覽：http://dispose.co/dormstory/pod.html jQuery開發的簡單過渡問題

正如你可以看到我已經得到了內容絕對定位，當你點擊一個鏈接前者內容淡出和新內容淡入，唯一的問題是，包含div的大小留在網頁上，所以當你過渡從船員到拖車例如頁面會保持1000 + PX長，因爲船員頁面那麼長...

什麼是解決此問題的簡單方法？我認爲這應該與設置一些高度的汽車，但一點也沒有幫助。

也許我需要重新加載頁面之間的fadeIn和fadeout？

感謝您的幫助！

2013-05-15 Waldo Frank

在這裏，在堆棧溢出，代碼通常優於鏈接到一個網站，因爲一旦鏈接發生了變化，問題將不再具有歷史價值。訪問[這裏]（http://stackoverflow.com/editing-help）尋求格式化代碼到你的問題的幫助。使用[jsFiddle]（http://jsfiddle.net）來幫助說明您的觀點也許會有幫助。 –

是否有您使用table td爲了你們的佈局，而不是浮動div有原因的？

我相信它，因爲table和其原生的風格，所以我建議你嘗試的youre佈局更改爲以下：

<div> 
    <div id="gutter"> 
     <!-- Content here --> 
    </div> 
    <div id="middle"> 
     <!-- Content here --> 
    </div> 
    <div id="indiegogo"> 
     <!-- Content here --> 
    </div> 
</div>

來源

2013-05-15 21:51:44 JAM

感謝你們兩位回答我的問題。雖然兩個答案都是有效的，但我發現這是一個更清晰的解決方案 –

很高興能幫到，@WaldoFrank – JAM

作爲一種簡單的方法，您可以嘗試強制單擊其中一個鏈接時的高度。

一種方法是把高度的數據屬性：

<a href="#" data-main-height="750px">trailer</a>

然後在點擊，搶值：

var the_height = $(this).data("main-height");

然後通過jQuery設置：

$("#contentarea").css("height", the_height);

如果您的頁面使用插件，那麼在轉換之前最有可能使用回調。

我建議嘗試打開後退按鈕功能。

-p

來源

2013-05-15 21:39:39 picus

jQuery開發的簡單過渡問題

回答

相關問題