2011-05-13 83 views
0

我有一些按鈕固定在我的頁面的任一側,但是如果瀏覽器窗口變小(或者用戶的分辨率非常小),它們可以很好地工作,按鈕會落到頁腳的下方。職位:固定但有餘量?

我以前見過它,一個元素固定在頁面的一面,但是當你滾動到底部時,它們被推起來避免溢出。

也許它不止是CSS?

非常感謝,

傑克

編輯: 對於那些有興趣在這裏是解決方案的一個例子: http://blog.echoenduring.com/wp-content/uploads/demos/echo_ContainedStickyScroll/

+1

你可以追加你的源代碼嗎? – VirtualTroll 2011-05-13 20:20:40

+0

聽起來像你會用jQuery做的事情,除非你可以使用z-index來浮動頁腳上方的箭頭,以便它們仍然可見... – 2011-05-13 20:44:00

回答

1

jQuery插件StickyScroll可能是你正在尋找的—一個jQuery插件,用於在向下滾動頁面時創建「粘貼」到窗口頂部的元素。

+0

啊哈謝謝你! – 2011-05-13 22:08:38

0

嘗試以下操作:

.button { 
    position: fixed; 
    bottom: 10px; 
} 

這會保持一個按鈕始終高於th的10px e地面。如果你想每次用戶使用一些漂亮的效果向下滾動按鈕,你將不得不使用JavaScript。

+0

那麼這是一種可能性,雖然會有同樣的問題,但我認爲它會溢出標題!我想我可能需要使用jQuery,甚至可能有一個具有良好彈性效果的人 - 任何人都知道這樣的腳本? – 2011-05-13 20:35:21