2011-05-17 85 views
1

我此刻的代碼是在這裏:http://www.jaygeorge.co.uk/gwennan-sagejQuery的顯示/隱藏股利時科在視口中

你會看到兩個綠色箭頭是在頁面底部的固定位置。 當時間軸部分不在視圖中,最好使用淡入淡出()技術時,我無法讓jQuery隱藏這些div(#timeline-buttons)。

我試過一個視口插件,但不能讓它與if語句正常工作,我敢肯定它可以通過正常的jQuery通過測量div高度以某種方式完成。

任何意見讚賞,在此先感謝。

回答

3

隱藏綠色箭頭,然後滾動,測試以查看時間線div位置是否大於窗口高度加滾動偏移量。如果大於那麼這意味着時間線div在視圖中,並且應該顯示箭頭。

這裏是一個快速小提琴演示效果:http://jsfiddle.net/EADDt/

+0

非常好,謝謝 – SparrwHawk 2011-05-17 14:29:55

0

將這些箭頭移動到#gwennan-header並刪除固定的css屬性並設置z-index。這樣你根本不需要任何Javascript。

+0

感謝您的建議,但問題是,當你通過在時間軸上的信用進一步向下滾動箭頭應該是可見的。此外,如果箭頭位於視口的底部,則更方便用戶使用/符合人體工程學。 – SparrwHawk 2011-05-17 13:54:57

+0

當你在時間軸上時,箭頭會做什麼?或者他們在這些部分中循環?在我看來,它屬於標題中的圖像,左右滾動一系列圖像 – 2011-05-17 14:01:05

+0

是的,它們在時間軸上滾動,但它並不真正相關。箭頭最初在標題圖像中,但我認爲在時間軸上向下滾動時它非常尷尬,所以箭頭應始終固定在窗口底部以便可用(但顯然我想隱藏時間軸箭頭當滾動其他部分)。 – SparrwHawk 2011-05-17 14:04:59