Position Css fixe pour défilement horizontal, mais un défilement vertical

Question

J'ai trois div comme ci-dessous:

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

Maintenant, ce que je dois faire est de garder #left et #right fixe pour défilement horizontal et faites défiler #center seulement. Cela fonctionne avec css position:fixed pour #left et #right. Mais le problème est lorsque je fais défiler la page html verticalement, j'ai besoin de tous les div's, c'est-à-dire #left, #center et #right pour faire défiler. Cela ne fonctionne pas. S'il vous plaît, quelqu'un m'aidera à le faire pour que #left et #right défile verticalement avec #center et reste fixe pour le défilement horizontal. Je n'ai aucune idée de comment le faire en utilisant css et le faire fonctionner.

Answer 1

Essayez ce lien, il utilise un plugin appelé scrollspy pour faire les choses. Assez facile ...

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

également, voir cette question SO: CSS: fixed position on x-axis but not y?

Merci à semir.babajic: voici l'extrait réel. Vous aurez besoin de jQuery.

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