2013-01-11 19 views
6

Mam trzy div jak poniżej:pozycja Css stałe do poziomego przewijania ale przewijanie w pionie

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

Teraz to, co muszę zrobić, to zachować #left i #right stałe do poziomego przewijania i przewiń #center tylko. Działa to z css position:fixed dla #left i #right. Ale problem polega na tym, że przewijam pionowo stronę html i potrzebuję przewijania wszystkich znaczników div's, tj.,i. To nie działa. Proszę mi pomóc, jak to zrobić, aby #left i #right przewija się w pionie wraz z #center i pozostaje stały dla przewijania poziomego. Nie mam pojęcia, jak to zrobić za pomocą css i sprawić, żeby działało.

Odpowiedz

11

Spróbuj tego linku, używa wtyczki o nazwie scrollspy, aby wykonać te czynności. Całkiem proste ...

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

również zobaczyć to, więc pytanie: CSS: fixed position on x-axis but not y?

Dzięki semir.babajic: tutaj jest rzeczywisty fragment. Będziesz potrzebował jQuery.

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

Czy jest coś, co nazywa się 'position-x' w css3 ??? Czy to zadziała w IE8 conajmniej. Próbowałem użyć tego samego w ogniu paleniska, ale mu się nie udało. – user850234

+0

Niestety, moje złe ... to nie zadziała ... – ATOzTOA

+2

http://jsfiddle.net/Starx/EzXub/ Czy tego chcesz? –

Powiązane problemy