使內容內固定側邊欄滾動

我做這個js小提琴：http://jsfiddle.net/VaCfV/3/使內容內固定側邊欄滾動

它有一些長期的內容和與它裏面的內容固定的定位欄。我試圖找出如何使內部側邊欄#side-content滾動內容不使用overflow-y: scrollable;但是當用戶使用鼠標滾輪，方向鍵，主要滾動條等實際與頁面滾動起來..

這能以某種方式實現？

來源

2013-06-12 Ilja

這不是一個「固定」元素的概念。也許你需要重新思考，如果你真的想要一個固定的元素。 – Alvaro

@Steve我理解，但事情是，如果它是不固定的白色部分側邊欄將最終「完成」，其實側邊欄將結束，屆時會有灰色空間，而不是側邊欄，但我的設計理念我需要保持它一直是白色的。 – Ilja

這是一個非常普遍的問題。嘗試使用整個頁面的背景或類似的東西來解決它。你的解決方案對我來說沒有意義。 – Alvaro

你可以試試：

#page-wrapper{ 
    overflow: hidden; 
    position: relative; 
    width: 100%; 
} 
#sidebar { 
    width: 30%; 
    height: 100%; 
    position: absolute; 
    left: 20px; 
    top:0px; 
    bottom:0px; 
    background: #fff; 
    border-left: 1px solid #000; 
    border-right: 1px solid #000; 
    padding: 20px; 
}

http://jsfiddle.net/VaCfV/4/

來源

2013-06-12 16:53:29

YES！做我最初的意圖。 – Ilja

使內容內固定側邊欄滾動

回答

相關問題