有沒有一種習慣讓元素只在頁面滾動時才滾動到瀏覽器的頂部？

Question

基本上，我期望完成一些類似於yelp用於讓地圖在搜索結果頁面上沿着頁面向前移動的效果，但我寧願讓它成爲瞬間的，而不是讓它在幾秒後趕上它滾動。我也不想只將位置設置爲「固定」，因爲我希望它滾動，直到它將滾動頁面，然後才變爲「固定」（並且同樣，如果用戶稍後滾動回來，我想要地圖變成「不粘貼」並向下滾動頁面）。

我想這可以用一些令人費解的javascript（使用「watch」等）來完成，它可以檢測地圖何時接近頁面頂部並適當地更改CSS值，但我希望能夠組合使用相對/絕對/固定定位的div，完全避免了對Javascript的需求。

當然我想真的像是一個插件庫（或jQuery插件等），只要我正在尋找，如果這樣的事情存在。如果沒有現成的腳本來做到這一點，我很樂意聽到有第一手經驗的人或嘗試做同樣的事情。

Answer 1

好吧，我放棄了，並採取了yelp的方式。