如何使用戶檢測滾動時固定分區。
示例:Facebook的右側邊欄,當達到某個滾動位置時它會卡住。在滾動上固定一個分區
5
A
回答
7
position:fixed
就是答案。
但是,如果你想知道他們如何做某事,你總是可以看看網站的來源。很教育!
1
5
監控是否我們滾動。
if($(window).scrollTop() > 0){
//we're scrolling our position is greater than 0 from the top of the page.
$("#element").css({'position' : 'fixed'});
}
* 編輯
做沒有jQuery的..
if(window.scrollTop() > 0){
document.getElementById('element').style.position="fixed";
}
0
2
我遇到過這篇文章,裏面解釋了一個解決方案https://www.virendrachandak.com/techtalk/make-a-div-stick-to-top-when-scrolled-to/
+0
此鏈接已死...請考慮... – Meer 2014-11-03 15:16:08
相關問題
- 1. 左分區固定,多個右分區可滾動
- 2. 如果窗口太小,滾動到一個固定的分區
- 3. 在div上固定滾動
- 4. 滾動固定部分
- 5. 固定浮動分區
- 6. 滾動上固定報頭
- 7. 在滾動時將一個div貼到固定導航欄上
- 8. 在固定位置上滾動div
- 9. 中心div滾動和左,右分區固定
- 10. 兩列分區佈局:左=流體,右=固定和可滾動
- 11. 固定/滾動Div
- 12. 固定div在Mac上滾動時滾動頁面
- 13. 在ios上滾動時在固定背景上的白色區域
- 14. 當immemdiate父母正在滾動時,使一個容器固定,但當身體正在滾動時不固定
- 15. 固定滾動位置固定
- 16. 固定浮動DIV滾動
- 17. 固定標題以上滾動表
- 18. 滾動div,固定,再次滾動
- 19. 固定/滾動上fullpage.js部分頁面導航
- 20. 向下滾動固定div&向上滾動時設置絕對
- 21. 燈箱加上固定燈箱(不帶滾動條滾動)
- 22. XAML在可滾動區域頂部固定的橫幅
- 23. 家長固定的分區
- 24. DIV固定在一個可滾動的DIV內
- 25. 將固定div滾動到某個點
- 26. 水平滾動表:多個固定列
- 27. 只滾動標題的一部分,並休息固定
- 28. 可滾動的固定格
- 29. 固定滾動內容
- 30. Div滾動後固定
我以前用過這個看看http://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery -plugin/ – elclanrs 2012-03-02 10:33:14