Фиксированное положение div Только по вертикали

Question

У меня есть текущая веб-сборка с правой боковой панелью, которая является фиксированной позицией. Я попытался расположить справа, но не хочу, чтобы он перекрывал другое содержимое div.

То, что я ищу, - это чтобы содержимое прокручивалось горизонтально вправо, когда оно выходит из окна области просмотра. Любая помощь будет принята с благодарностью.

аналогично этому: http://demo.rickyh.co.uk/css-position-x-and-position-y/ однако я не могу заставить это работать.

---

Это было решено альтернативным методом. Спасибо за тех, кто действительно подумал о помощи.

Answer 1

Сохраняйте фиксированное деление.

И имейте следующий код JavaScript, который позаботится о горизонтальном перемещении.

$(window).scroll(function(){
  $('.fixed_div').css('left',-$(window).scrollLeft());
});

Answer 2

затем добавьте еще одно свойство в # sidebar

#sidebar {
width:400px;
height:550px;
padding:10px;
float:left;
text-transform:uppercase;
position:fixed;
left:835px;
overflow:scroll-x;
}

Answer 3

Этот пример сайта использует больше, чем просто CSS для создания этого эффекта.Он также использует плагин MooTools: ScrollSpy.http://davidwalsh.name/mootools-scrollspy

Просмотрите исходный код по адресу http://demo.rickyh.co.uk/css-position-x-and-position-y/, чтобы увидеть сценарии и полный CSS.