posizione Css fisso per scorrimento orizzontale, ma scorrere verticalmente

Question

Ho tre div come di seguito:

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

Ora che cosa ho bisogno di fare è di mantenere #left e #right fisso per scorrimento orizzontale e scorrere #center solo. Funziona con css position:fixed per #left e #right. Ma il problema è quando faccio scorrere la pagina html in verticale ho bisogno di tutto il div's, ovvero #left, #center e #right per scorrere. Questo non funziona. Per favore qualcuno mi aiuti come fare in modo che #left e #right scorrono verticalmente insieme a #center e rimanga fisso per lo scorrimento orizzontale. Non ho idea di come farlo usando CSS e farlo funzionare.

Answer 1

Prova questo link, utilizza un plug-in chiamato scrollspy per fare le cose. Abbastanza facile ...

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

Inoltre, si veda questo SO domanda: CSS: fixed position on x-axis but not y?

Grazie a semir.babajic: qui è la frammento di vero e proprio. Avrai bisogno di jQuery.

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