Cách thực hiện div cố định khi phát hiện Cuộn bởi Người dùng.
Ví dụ: Thanh bên phải của Facebook, nó bị kẹt khi một vị trí cuộn nhất định được đạt tới.Thực hiện Div cố định khi cuộn
Trả lời
position:fixed
là câu trả lời.
Nhưng bạn luôn có thể xem nguồn của trang web nếu bạn muốn biết cách họ làm điều gì đó. Rất giáo dục!
Bạn không chắc chắn đây có phải là ý của bạn không?
Nhưng bạn có thể thêm vị trí CSS-thích hợp: cố định; để nó xuất hiện trên vị trí sam ngay cả sau khi cuộn.
Theo dõi xem chúng tôi có đang cuộn hay không.
if($(window).scrollTop() > 0){
//we're scrolling our position is greater than 0 from the top of the page.
$("#element").css({'position' : 'fixed'});
}
* EDIT
làm điều đó mà không jQuery ..
if(window.scrollTop() > 0){
document.getElementById('element').style.position="fixed";
}
http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/
sử dụng jQuery với một plugin khóa di chuyển: https://gist.github.com/837729
Tôi đã xem qua bài viết này giải thích một giải pháp https://www.virendrachandak.com/techtalk/make-a-div-stick-to-top-when-scrolled-to/
Liên kết này đã chết ... vui lòng xem xét ... – Meer
- 1. Thực hiện vị trí cố định trong javascript gây ra jitter trong Safari khi cuộn
- 2. Div tương đối đang chuyển qua div cố định trong khi cuộn
- 3. Cố định nền div
- 4. div cố định có nội dung động không cuộn
- 5. Div với thanh cuộn ở chiều cao trang cố định
- 6. DIV nhấp nháy khi định vị chúng cố định khi di chuyển bên trong một Div
- 7. Định vị cố định với cuộn
- 8. Div với thanh cuộn bên trong div có vị trí: cố định
- 9. Phát hiện khi thanh cuộn đến đầu div?
- 10. Làm thế nào để bạn thực hiện một div theo sau khi bạn cuộn?
- 11. Thực hiện lắc div khi tải trang?
- 12. Vị trí cố định: phần tử tuyệt đối trong phần thừa: phần tử cuộn khi cuộn
- 13. vị trí cố định div bên trong hộp chứa div
- 14. div từ: div cố định bên trong div vị trí tuyệt đối
- 15. Sự cố với DIV cuộn cao nhất trong IE9
- 16. Cách tạo vị trí: cuộn div cố định theo chiều ngang
- 17. MySQLSyntaxErrorException khi cố gắng thực hiện PreparedStatement
- 18. "vị trí: cố định" div không cố định khi cha mẹ quay hoặc dịch
- 19. Cửa hàng Apple cố định kiểu div cố định trên LEFT
- 20. css - con có thể cuộn của phần tử cố định
- 21. Tạo nội dung có thể cuộn với chiều cao 100% cố định div
- 22. Cuộn bên trong thanh bên cố định
- 23. vị trí Css cố định cho cuộn ngang nhưng cuộn theo chiều dọc
- 24. Cần một vị trí cố định div bên trong một div vị trí tuyệt đối
- 25. UITableView gặp sự cố khi cuộn
- 26. Bootstrap navbar cố định bên trong div
- 27. CSS - chiều rộng cố định span/div
- 28. cách kiểm tra khi nào cuộn UITableView được thực hiện
- 29. Cuộn mượt mà đến div cụ thể khi nhấp vào
- 30. Tắt tính năng chống khiếu nại của Firefox, khi sử dụng DIV cố định
Tôi đã sử dụng điều này trước khi xem http://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery -plugin/ – elclanrs