如果頁面內容更改高度，向上/向下滑動頁腳

使用jQuery可用，我將如何處理以下內容：如果頁面內容更改高度，向上/向下滑動頁腳

我在頁面上有一個div，裏面有內容。然而，這個div沒有設置高度，它依賴於用戶正在搜索的內容而正常改變高度（內容根據輸入內容出現/消失）。

這一切都有效，但是頁腳看起來不太好，因爲只要div改變高度，頁腳就跳轉到位置。

無論如何我可以做到這一點，所以頁腳滑到它所在的位置呢？而不是跳到它？

我會提供代碼，但我不知道如何做到這一點對不起！

我的猜測：抓住div的當前高度，當它發生變化時，計算差異並將其向上移動？

來源

2012-10-06 Alias

你能提供您正在使用的小提琴或一些HTML/CSS？ – xception

'$（「＃theChangingDivYouMentioned」）。height（）;'並用$（「＃footer」）滑動頁腳有什麼不對？animate（）;'？您應該確定頁腳的位置（'position：absolute;'），以使其正常工作。當然還有傳統的「歡迎來到Stackoverflow！」 – 11684

如果CSS3是可以接受的，我明白你問什麼正確的，你可以只添加一種過渡性質如

#content { 
    transition: height 2s; 
    -webkit-transition: height 2s; 
    -moz-transition: height 2s; 
    -o-transition: height 2s; 
    -khtml-transition: height 2s; 
    -ms-transition: height 2s; 
}

如果不是你可以使用jQuery在本小提琴http://jsfiddle.net/YLKf9/1/

來源

2012-10-06 19:34:51 xception

嗯，好的謝謝你的評論，我想我錯了方式......我有一個div，如果我在盒子裏輸入東西，盒子裏的一些元素會轉到「display：hidden;」，因此div在高度上縮小，這意味着頁腳跟隨它。我想我需要問一問，如何讓div尺寸保持其大小，即使元素被移除，然後「動畫」到它應該的大小，所以頁腳也滑動？ – Alias

這應該適用於您提到的具體目的，因爲您不會將容器div的高度從js或css從auto切換到固定數量或反之亦然。在修改其內容的屬性之前和之後，擁有height：auto的div會導致一個帶有我在css3兼容的瀏覽器上提供的代碼的動畫。 – xception

@Alias我爲我的回答添加了一個jQuery版本，以防萬一 – xception

如果頁面內容更改高度，向上/向下滑動頁腳

回答

相關問題