使用mootools的響應式網站的平滑過渡div高度

目前正在響應網頁設計和標記的工作已完成並在所有瀏覽器寬度中正常工作。但我無法放棄它。試圖通過一些平穩的過渡來衡量新聞持有股的高度，而不是混蛋股的下跌。使用mootools的響應式網站的平滑過渡div高度

我爲任何願意爲此提供幫助的人設置了jsfiddle，並且我相信它將適用於使用響應式Web設計的任何人。 http://jsfiddle.net/rYQtb/10/

很多thnx！

2012-05-24 Benn

你是否想要一個流暢的javascript方法來「有一些平滑過渡而不是挺舉」，或者你想要一個css過渡？如果我不能很好地理解你的問題 – SteveLacy

@AZInventor，那麼我很抱歉，如果你知道任何一個，但是css3轉換也可以幫助，那麼我會更喜歡mootools技術。 – Benn

這不就是失敗的目的嗎？請參閱http://bricss.net/post/22198838298/easily-checking-in-javascript-if-a-css-media-query-has?04001770 - 您應該使用js來檢查哪些媒體查詢已運行並將兩者綁定一起，沒有獨立運行的新大小邏輯。 –

我想爲你想做的事情你需要一個關於resize事件的監聽器，所以我添加了一個。

我在這裏嘗試了一下，從你的小提琴開始：http://jsfiddle.net/rYQtb/15/
我更新了JavaScript和CSS（增加了一個溢出值）。但是你想要在全局div（如小提琴）或每個'news'div上固定高度嗎？

希望它會有所幫助！

來源

2012-05-25 07:33:39

非常好的開始，問題是我們不能有溢出自動或滾動可見。我認爲如果每個新的div得到的高度固定加持有人，我們可以有一個很好的動畫 – Benn

我認爲你應該選擇固定每個'新聞'div或主div的高度。兩者都會很奇怪。我會測試，因爲我幾次。對於溢出不要忘記，如果你把溢出：隱藏;在某些情況下，內容可能無法訪問。 –

我已經測試了主容器和div上的固定高度以及它的奇怪和好友。我也測試過將每個'新聞'div的修正高度，結果是相同的（看邏輯），爲了改變溢出，你只需要改變隱藏的屬性:) –

使用mootools的響應式網站的平滑過渡div高度

回答

相關問題