固定位置div只有垂直

Question

我有一個當前的網頁版本，右邊欄是固定位置。我試圖從右側定位，但不希望它與其他divs內容重疊。

我在尋找的是當內容不在視口窗口中時，內容可以水平向右滾動。任何幫助將不勝感激。

與此類似：http://demo.rickyh.co.uk/css-position-x-and-position-y/但是我無法得到這個工作。

---

這已通過替代方法解決。感謝那些真正考慮過幫助的人。

Answer 1

然後在#sidebar添加更多的特性

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

Answer 2

這個例子網站使用的不僅僅是CSS更產生這種效果。它也使用MooTools插件：ScrollSpy。 http://davidwalsh.name/mootools-scrollspy

查看來源http://demo.rickyh.co.uk/css-position-x-and-position-y/查看腳本和完​​整的CSS。

Answer 3

保留固定格。

並具有以下JavaScript代碼，將照顧水平移動。

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