2011-10-11 79 views
0

我試圖限制滾動在http://www.liftdesignphoto.com/test/,因爲它得到提升出界。CSS DIV讓出界

有沒有辦法重新計算的位置,使得它不會出界? (使用%也許)。

感謝

+0

有趣:)由於您使用JS反正你最好的賭注是計算相對於依賴於從頂部和底部的總WITE高度和最小視升降機的位置......我將在後面擦洗東西了別人不打我:) – sg3s

+0

謝謝你們的幫助,我接近扔在毛巾。 我要切換到絕對定位測試。如果你可以幫助我與JS來計算屏幕的中心,這將是偉大的 –

回答

0

假設當它跑的比0,你可以在你的JavaScript,能夠實現一個條件檢查水平低,你mentionned在溢出;如果電梯低於允許的最小高度(您需要測量自己),則不要再向下對其進行設置(或者只是在滾動操作事件向下時設置動畫)。

- 這是所有相關的,如果你的電梯沒有一個位置是:固定的風格,這恐怕是這樣。我的建議是切換到絕對定位,並有js代碼,它總是將它居中到屏幕的50%,除非它達到頂部和底部限制,在這種情況下,它不會升高或者低於您設置的限制你自己在代碼中(見上)。我還建議你使用jquery animate()函數,更新電梯的頂部或底部屬性,以便在滾動事件(您需要檢測滾動是向上還是向下)時對其進行動畫處理,以便動作會更加順暢。

所有地說,這是不可能的IMO創建作爲它的設置上述的所有其它元件(因而不受兄弟姐妹或祖先位置定型)的固定定位元件上的位置限制。

希望這會有所幫助。

編輯:另一個說明爲什麼不使用固定定位;當調整網頁瀏覽器的大小時,你的生活會表現不正常,因爲它使用固定的頂部位置(甚至不是基於百分比的值),它不會形成非常靈活的界面。

+0

太棒了!我做了所有的改變,我認爲它的工作。 –

+0

我需要找到的代碼中心電梯50%,它的完成 –

+0

更新版本http://www.liftdesignphoto.com/testfinal/ –