2012-07-04 54 views

Trả lời

15

Đâ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" }); 
+0

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

+0

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

+0

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

-4
overflow-y: scroll; 

Đó nên là những gì bạn đang tìm kiếm.

+0

nó sẽ không ** tắt ** scrollbar –

+0

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? –

+0

Ồ, 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

Các vấn đề liên quan