我有一個問題,我認爲最好使用圖像解釋,所以我將附加它。在窗口滾動期間保持元素在容器內固定
好了,所以基本上我有什麼是父容器,和裏面的元素(它實際上是一個文本塊),我們將其稱爲固定元件。
當用戶在頁面頂部時,我希望固定元素位於其父元素的頂部。當用戶開始向下滾動頁面時,父級開始向上移動視圖端口,我希望固定元素跟隨滾動,直到它到達其父級的底部,然後停止在那裏。
目前還沒有HTML或任何這方面的,因爲我在這個網站的草圖繪製階段。我一般會使用jQuery或JavaScript,我的JS技能是有限的,我熟悉jQuery,但我並不介意複製和粘貼代碼,並搞亂了它。
任何幫助將不勝感激。謝謝!
當用戶向下滾動以至於父容器元素完全從頁面滾動出來時,您希望發生什麼? – 2012-02-09 19:54:44
在這種情況下,它會隨父母消失。它應該始終保持在父項中。但基本的想法是,如果父級位於屏幕的底部,則固定元素位於父級的頂部,但如果父級位於屏幕的頂部,則固定元素位於父級的底部。 – jkilp 2012-02-09 19:56:45