У меня есть div с позицией: фиксированный, как показано ниже.Как сделать положение: фиксированный div прокрутки по горизонтали
Я хочу, чтобы он фиксировался вертикально, но я хочу, чтобы он прокручивался горизонтально с остальной частью содержимого (обратите внимание на горизонтальную полосу прокрутки).
Возможно ли это с помощью CSS? Или мне нужен Javascript (в этом случае, как я мог это сделать)?
Вам необходимо JavaScript. Здесь вы можете прочитать учебник (с mootools): http://www.rickyh.co.uk/css-position-x-and-position-y/. Вот подобный вопрос, решается с JQuery: CSS: fixed position on x-axis but not y?
вы можете сделать это сама CSS:
<div style="width:250px; height:250px; border:solid;overflow:scroll; overflow-y:hidden">
<div style="width:500px; height:500px; border:solid;"></div>
</div>
Проблема с этим решением заключается в том, что полоса прокрутки отображается рядом с div ... Я бы хотел, чтобы полоса прокрутки отображалась в нижней части браузера. –
Старый вопрос, но я также искал решение также и нашел хороший простой JQuery решение, и полагал, что кто-то может оказаться полезным, если ничего другого:
$(window).scroll(function(){
$('#header').css('left', originalLeft - $(this).scrollLeft());
});
с заголовком является ДИВ и originalLeft быть, хорошо, начальный слева: положение. Это также работает, если кто-то прокручивается, а затем меняет масштаб, так что он пойдет туда, куда вы захотите.
Возможный дубликат [CSS: фиксированное положение по оси x, но не y?] (Http://stackoverflow.com/questions/2049845/css-fixed-position-on-x-axis-but-not-y) – kapa