Tôi muốn tạo nhiều hai tiêu đề dính giống như trong trang web đó: http://www.trendyol.com/Kappa/ButikDetay/8690 Khi bạn cuộn xuống, tiêu đề đầu tiên kết hợp với phần tử dính thứ hai. Sau đó, cả hai người cùng đi xuống. Tôi làm nó như thế nào? Cảm ơn bạn đã hỗ trợ trước!Tiêu đề dính với jquery
Trả lời
Cách thức này được thực hiện khá dễ dàng. Bạn kiểm tra vị trí cuộn và nếu nó nằm dưới một số nào đó, bạn sẽ hiển thị phần tử vị trí cố định ở trên cùng (và ẩn khi vị trí cuộn đi sao lưu).
đó được cho biết có một plugin tuyệt vời mà có thể giúp: https://github.com/imakewebthings/jquery-waypoints
Với bản demo chính xác những gì bạn muốn: http://imakewebthings.com/jquery-waypoints/sticky-elements/
AS cập nhật từ một trong những ý kiến, http://stickyjs.com có thể là một thư viện được hỗ trợ nhiều hơn nữa.
sử dụng position:sticky
để dán.
Đây là article explained.
Điều đó khá tiện lợi mặc dù không phải là đặc tả được hỗ trợ đầy đủ (chưa). – lucuma
- 1. Tiêu đề dính - buggy nhảy trên di chuyển
- 2. Tiêu đề dính trong ListView và GridView WinRT xaml
- 3. Thêm tiêu đề dính vào cuộn thị sai - android
- 4. Nhận thuộc tính tiêu đề với jQuery
- 5. iOS - Tiêu đề phần dính trong UITableView được nhóm với các ô tùy chỉnh
- 6. Jquery nhấp nháy tiêu đề
- 7. Gửi tiêu đề ủy quyền với jquery và ajax
- 8. Cách đặt tiêu đề trong cuộc gọi ajax với jquery
- 9. Làm thế nào để thêm hình ảnh với hiệu ứng thị sai trên tiêu đề UITableView và giữ tiêu đề dính
- 10. Tiêu đề phản hồi jQuery và AJAX
- 11. jQuery cụ Tooltip - Thay đổi Tiêu đề
- 12. Jquery Mobile: Chọn Hộp trong tiêu đề
- 13. JQuery AJAX Tiêu đề Authorization POST
- 14. Tiêu đề PHP() và jquery mobile
- 15. Lấy phần tử theo tiêu đề jQuery
- 16. Ủy quyền tiêu đề jQuery AJAX
- 17. Làm thế nào để tạo một chế độ xem con của nestedscrollview thành tiêu đề dính?
- 18. Cố định tiêu đề jQuery Mobile
- 19. jQuery - nhận tiêu đề phản hồi AJAX
- 20. Chân trang dính không dính vào AngularJS
- 21. Tiêu đề bảng jQuery sắp xếp
- 22. Phụ đề di động jQuery "tải tiêu đề" đến trang
- 23. ListView với tiêu đề
- 24. Tiêu đề jQuery Accordion với nút biểu tượng jQuery UI (ẩn/hiển thị + di chuột/click)
- 25. Jquery dính nav chỉ khi di chuyển lên
- 26. Xem tiêu đề thanh UITableView ở trên cùng khi tạo tiêu đề trong bảng phân cảnh
- 27. ItemsControl với tiêu đề tĩnh
- 28. RealmBaseAdapter với phần tiêu đề
- 29. redirect_to với tiêu đề HTTP
- 30. tiêu đề 'Authorization'-cross-origin' với jquery.ajax()
Cảm ơn. Tôi sẽ thử nó. – oxygen
Tôi đã có rất nhiều vấn đề với plugin đó, tôi thích vấn đề này: http://stickyjs.com/ – cbron