CSS 3動畫固定位置邊欄

我想知道是否有辦法實現類似於Chris Coyier的效果：Scroll/Follow Sidebar使用CSS3動畫？CSS 3動畫固定位置邊欄

我有一個側邊欄隨着用戶滾動而滾動下來（只是使用一個固定的位置div），但我想爲側邊欄設置動畫效果，使其彈出並/或跟上頁面用戶向下滾動。

看看克里斯'jQuery technique看看我在說什麼。

我想知道的主要事情是，如果它能夠實現使用只CSS3和沒有JavaScript的這種效果。

在此先感謝您的幫助！

來源

2012-10-30 juroto

沒有JavaScript，除非您有其他一些機制，允許您檢查用戶滾動的距離，並相應地更改元素的CSS屬性，否則不可能在沒有JavaScript的情況下獲得該效果。

來源

2012-10-30 09:33:01

感謝您的回覆Peeyush。我認爲可能是這種情況，看看JavaScript如何衡量用戶向下滾動的距離。 – juroto

看完他的[Braindump on Responsive Web Design]視頻後（http://css-tricks.com/video-screencasts/102-braindump-on-responsive-web-design/），我想知道是否有另一種方法可以儘管達到了預期的效果。在大約12:15分鐘的視頻中，他顯示了在屏幕上滑動的CSS技巧的搜索框，以便在調整窗口大小時重新定位自己。然後他繼續解釋他如何使用CSS3轉換來實現它。 – juroto

雖然這是更具響應性的媒體查詢效果，但我不知道是否可以採用類似的方法滾動側邊欄？例如，是否有可能延遲側欄滾動頁面，然後將其轉換到使用CSS緩存到頁面的位置？ – juroto

CSS 3動畫固定位置邊欄

回答

相關問題