Giải pháp thay thế cho phép cuộn overflow với các phần tử được định vị tiêu cực từ bên trái và trên cùng là gì?tràn (cuộn) để làm việc với các phần tử vị trí phủ định `left` và` top`
Giống như here in example (jsFiddle), chỉ 3 trong số các hình vuông màu đỏ hiển thị và cuộn không được chuyển. Mặc dù có 6 trong số các ô vuông, 3 trong số chúng được đặt ở vị trí âm.
Cách duy nhất tôi có thể nghĩ đến là để bọc các ô vuông trong một div chiều cao giống như họ và sử dụng phương pháp scrollTop JQuery(): http://www.w3schools.com/jquery/css_scrolltop.asp nhưng điều này cũng sẽ buộc một thanh cuộn ngang bên dưới div wrapper ... câu trả lời ngắn gọn: không có giải pháp chỉ CSS, và định vị chúng hoàn toàn làm giảm bớt cuộn cho giải pháp này - hãy thử thả nổi bên trái và xóa từng hàng nếu bạn muốn sử dụng phương pháp này.
Bạn cần bọc một div khác và cung cấp thuộc tính tràn.
Điều này dường như chỉ hoạt động vì có đệm được thêm vào div trình bao bọc trong số tiền mà trẻ em đang tràn. Tôi không nghĩ rằng nó sẽ làm việc nếu ứng dụng được năng động, ít nhất là không có một số logic JS để thay đổi padding khi mọi thứ được di chuyển –
tôi đã cùng một vấn đề và giải pháp duy nhất tôi có thể tìm được thiết min-height & min-width bằng JavaScript (tôi đã không sử dụng jQuery ở tất cả các dự án này).
Chỉ cần tự hỏi, tại sao bạn sử dụng các vị trí phủ định, sau đó muốn chúng chảy như các phần tử thông thường trong các biên độ âm? –
Tôi không muốn chúng chảy như các yếu tố thông thường, nó chỉ là ví dụ cụ thể này. Xem http://jsfiddle.net/m85Na/ (một kết quả được tạo khác từ ứng dụng của tôi). – jolt
Đây có phải là [loại hiệu ứng] (http://jsfiddle.net/pb4bh/3/) mà bạn đang nghĩ tới không? Đừng bao giờ thêm các hộp, tôi tự hỏi về hành vi cuộn. –