Làm cách nào để tắt thanh cuộn của body
, nhưng để nó hiển thị trên màn hình? Như một ví dụ thấy chế độ rạp hát tại facebook của:Tắt tính năng cuộn của cơ thể nhưng giữ thanh cuộn
Trả lời
Đây là CSS duy nhất bạn sẽ ned để buộc các thanh cuộn:
html{
overflow-y: scroll;
}
Các thanh cuộn sẽ bị vô hiệu nếu nội dung là nhỏ hơn so với cửa sổ, vì vậy bạn sẽ phải sử dụng một số kịch bản để thay đổi kích thước cơ thể có ít nhất 1px
ít hơn nhưng chiều cao cửa sổ: [? Chỉ cần vô hiệu hóa cuộn không giấu nó]
$("body").css({ "height" : ($(window).height() - 1) + 'px', "overflow": "hidden" });
Công việc này thực sự tốt. Tuy nhiên thay vì sử dụng JS để xác định chiều cao cơ thể, tôi thấy nó sạch hơn để đi với css. Với một chút chơi đùa, tôi tìm thấy hai lựa chọn: Áp dụng vị trí: cố định; vào thẻ html, cùng với overflow-y: scroll; Hoặc, nếu bạn đang sử dụng một khung đã thêm tràn: ẩn, vào thẻ body của bạn (tôi giả định hầu hết những người đã tìm kiếm vấn đề này, có nó vì tràn: ẩn; trên cơ thể), bạn chỉ có thể xác định chiều cao cơ thể với 100vh . Đừng quên xóa các kiểu đó khi phương thức đóng. – mizurnix
Bắt tốt. Bạn shoul thêm câu trả lời của riêng bạn, vì vậy tôi có thể upvote nó. – rcdmk
Cảm ơn nhưng tôi chưa thực hiện giải pháp của mình :) Tôi đang cố gắng áp dụng điều này vào một trang rất dài vì vậy hầu hết thời gian người dùng sẽ cuộn đầu tiên rồi mở phương thức và tất cả các tùy chọn của tôi khiến thanh cuộn vẫn hoạt động hoặc cuộn người dùng lên trên và sau đó tắt thanh cuộn. Tôi đã kiểm tra những gì facebook hiện và họ sử dụng vị trí cố định cộng với thêm hàng đầu: xxxxx pixel (dựa trên cách bạn đã cuộn) trên nội dung wrapper (không phải cơ thể trong trường hợp của họ). Khi tôi làm xong tôi có thể thêm nó như một câu trả lời – mizurnix
overflow-y: scroll;
Đó nên là những gì bạn đang tìm kiếm.
nó sẽ không ** tắt ** scrollbar –
chỉ hiển thị thanh cuộn luôn, nhưng không tắt tính năng cuộn, phải không? –
Ồ, tôi nghĩ bạn chỉ muốn rời khỏi thanh cuộn ở đó ngay cả khi không có đủ nội dung trên trang. Bạn muốn cuộn như thế nào nếu nội dung lớn hơn màn hình trình duyệt? – Chad
- 1. iPad tắt tính năng cuộn tài liệu nhưng không xóa cuộn cuộn div
- 2. Tắt cuộn cơ thể đàn hồi của iOS & giữ nguyên cuộn làm việc
- 3. Ẩn thanh cuộn nhưng giữ khả năng cuộn với cảm giác tự nhiên
- 4. Có thể cuộn nhưng không có thanh cuộn
- 5. iOS Tắt tính năng Cuộn trang bằng tính năng cuộn quá mức: chạm vào
- 6. Tắt tính năng trả lại dọc UITableView khi cuộn
- 7. Cách tính chiều rộng của thanh cuộn?
- 8. chỉ tắt cuộn bouncy cho html nhưng vẫn duy trì các phần tử bị tràn: cuộn
- 9. Tắt thanh cuộn trong NERDtree với MacVim
- 10. Tôi có thể tắt âm thanh cuộn UIPickerView không?
- 11. Xóa thanh cuộn dọc, giữ thanh cuộn ngang trong khung nội tuyến trong Chrome
- 12. Làm cách nào để tắt thanh cuộn của trang?
- 13. Cách thêm tính năng cuộn trơn tru vào chức năng gián điệp cuộn của Bootstrap
- 14. Tắt tiếng bíp cuộn của các cuộn dây màu trắng
- 15. Tắt iOS Overscroll nhưng cho phép cuộn nội dung
- 16. Làm thế nào để tắt thanh cuộn ngang trong FlowLayoutPanel?
- 17. Qt Làm cách nào để tắt tính năng cuộn chuột của QComboBox?
- 18. CSS 100% chiều rộng nhưng tránh thanh cuộn
- 19. Có thể tắt cuộn trên listView không?
- 20. Sự kiện thanh cuộn khi cuộn?
- 21. Ẩn thanh cuộn của HorizontalScrollView
- 22. Tắt tự động ẩn các thanh cuộn trên Lion
- 23. Tắt thanh cuộn ngang trong bảng điều khiển EXTJS
- 24. Làm thế nào để tắt tính năng cuộn trong các phần tử bên ngoài?
- 25. Cách tạo trình giữ chỗ trên thanh cuộn
- 26. Giữ cuộn xuống dưới
- 27. Tôi có thể tắt tính năng cuộn menu ngữ cảnh trong VS2010 không?
- 28. Animate.CSS Thêm Thanh cuộn?
- 29. jqGrid thanh cuộn ngang
- 30. vị trí lạ của thanh cuộn iScroll
có thể trùng lặp của (https://stackoverflow.com/questions/8701754/just-disable-scroll-not- ẩn nó) –