Tôi có một vị trí div: cố định, như hình dưới đây gợi ý.Cách tạo vị trí: cuộn div cố định theo chiều ngang
Tôi muốn nó được cố định theo chiều dọc, nhưng tôi muốn nó cuộn theo chiều ngang với phần còn lại của nội dung (chú ý thanh cuộn ngang).
Điều này có thể thực hiện với CSS không? Hoặc tôi có cần Javascript (trong trường hợp này, làm thế nào tôi có thể làm điều đó)?
Bạn cần javascript. Tại đây bạn có thể đọc hướng dẫn (với mootools): http://www.rickyh.co.uk/css-position-x-and-position-y/. Dưới đây là một câu hỏi tương tự, giải quyết với jquery: CSS: fixed position on x-axis but not y?
bạn có thể làm điều đó bằng cách css bản thân:
<div style="width:250px; height:250px; border:solid;overflow:scroll; overflow-y:hidden">
<div style="width:500px; height:500px; border:solid;"></div>
</div>
Vấn đề với giải pháp này là thanh cuộn xuất hiện ngay cạnh div ... Tôi muốn thanh cuộn xuất hiện ở cuối trình duyệt. –
Cũ câu hỏi, nhưng tôi cũng đang tìm kiếm một giải pháp cũng có, và tìm thấy một jquery đơn giản đẹp giải pháp và tìm ra người khác có thể thấy hữu ích nếu không có gì khác:
$(window).scroll(function(){
$('#header').css('left', originalLeft - $(this).scrollLeft());
});
với tiêu đề là div và originalLeft being, well, left left: position. Điều này cũng hoạt động nếu ai đó cuộn và sau đó thu nhỏ, sao cho nó sẽ đến nơi bạn muốn.
bản sao có thể có của [CSS: vị trí cố định trên trục x chứ không phải y?] (Http://stackoverflow.com/questions/2049845/css-fixed-position-on-x-axis-but-not-y) – kapa