Mam div z pozycją: fixed, jak sugeruje poniższy obrazek.Jak ustawić pozycję: fixed div scroll horizontal
Chcę, aby było ono ustawione pionowo, ale chcę, aby przewijało się poziomo wraz z resztą zawartości (zwróć uwagę na poziomy pasek przewijania).
Czy to możliwe z CSS? Czy potrzebuję JavaScript (w tym przypadku, jak mógłbym to zrobić)?
Trzeba JavaScript. Tutaj możesz przeczytać samouczek (z mootools): http://www.rickyh.co.uk/css-position-x-and-position-y/. Oto podobne pytanie, rozwiązać z jQuery: CSS: fixed position on x-axis but not y?
można to zrobić przez css samego:
<div style="width:250px; height:250px; border:solid;overflow:scroll; overflow-y:hidden">
<div style="width:500px; height:500px; border:solid;"></div>
</div>
Problem z tym rozwiązaniem polega na tym, że pasek przewijania pojawia się tuż obok elementu div ... Chciałbym, aby pasek przewijania pojawił się na dole przeglądarki. –
Stare pytanie, ale ja również poszukuje rozwiązania również i znalazł piękny prosty jquery rozwiązanie i zorientowali ktoś inny może okazać się pomocne, jeśli nic innego:
$(window).scroll(function(){
$('#header').css('left', originalLeft - $(this).scrollLeft());
});
z nagłówka jest div, a originalLeft razie dobrze, początkowy lewej: pozycja. Działa to również, gdy ktoś przewija, a następnie pomniejsza, tak, aby był tam, gdzie chcesz.
możliwy duplikat [CSS: ustalona pozycja na osi X ale nie y?] (Http://stackoverflow.com/questions/2049845/css-fixed-position-on-x-axis-but-not-y) – kapa