2012-04-08 60 views
5

Tôi có một phương thức có nội dung cao hơn chiều cao trình duyệt, do đó, tôi có một số nội dung không thể hiển thị. (Có vẻ như vị trí modal là cố định và không thể được cuộn như một toàn thể)Cách tạo kiểu cuộn với trang chính

enter image description here

Làm thế nào tôi có thể làm cho phương thức cuộn với trang chính vì vậy mà tôi thực sự có thể xem các nội dung dưới đây?

Trả lời

9

gì bạn có thể làm là thiết lập CSS của modal position để tuyệt đối thay vì cố định.

Để làm điều này, chỉ cần có được tên lớp của modal hoặc ID như thế này và đặt nó vào absolute:

.modal { 
position: absolute !important; 
} 

Hoặc, thậm chí tốt hơn, chỉnh sửa CSS chính cho phương thức của bạn (nếu bạn có thể) và thay đổi số position từ fixed thành absolute.

jsVí dụ: http://jsfiddle.net/hUNZs/

+0

giải pháp tại http://stackoverflow.com/a/34897879/964919 – cbcram

1

Tôi đã thử <div class="modal myModal"></div>

CSS

.myModal { 
     overflow: auto !important; 
     height: 300px; //set a height to a modal so it wont overlapped when the body tag's height is smaller than the modal 
} 
+0

oops Tôi quên đọc phần "không thể cuộn được toàn bộ". xin lỗi –

+2

Điều này dường như trái ngược với những gì anh ấy đang tìm kiếm. – coreyward

+0

Tôi đã chỉnh sửa câu trả lời ... Tôi cũng gặp vấn đề này, và tôi kết luận rằng khi chiều cao của cơ thể cao hơn chiều cao của phương thức, phương thức có thể cuộn được (chỉ là quan sát) –

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