vị trí Css cố định cho cuộn ngang nhưng cuộn theo chiều dọc

Question

tôi có ba div như sau:

<div id="left"></div> 
<div id="center"><table></table></div> 
<div id="right"></div> 

Bây giờ những gì tôi cần làm là để giữ #left và #right cố định cho cuộn ngang và chỉ di chuyển #center. Tính năng này hoạt động với css position:fixed cho #left và #right. Nhưng vấn đề là khi tôi cuộn trang html theo chiều dọc tôi cần tất cả các div's tức là #left, #center và #right để cuộn. Đây không phải là làm việc. Xin vui lòng bất cứ ai giúp tôi làm thế nào để làm điều đó để #left và #right cuộn theo chiều dọc cùng với #center và vẫn cố định cho cuộn ngang. Tôi không có đầu mối làm thế nào để làm điều đó bằng cách sử dụng css và làm cho nó hoạt động.

Answer 1

Hãy thử liên kết này, plugin này sử dụng plugin được gọi là scrollspy để thực hiện. Khá dễ dàng ...

http://www.rickyh.co.uk/css-position-x-and-position-y/

Ngoài ra, xem câu hỏi này SO: CSS: fixed position on x-axis but not y?

Nhờ semir.babajic: đây là đoạn mã thực tế. Bạn sẽ cần jQuery.

$(window).scroll(function(){ 
    $('#header').css({ 
     'left': $(this).scrollLeft() + 15 //Always 15px from left 
    }); 
});