滾動DIV只有當它是不是在窗口範圍

側欄的div這裏是我的問題

我正在滾動翻頁，我想在div滾動作爲很好，但停止滾動它的底部是visibale ...然後向上滾動時與div的頂部同樣的事情

我甚至不知道要尋找什麼，做任何事情與它

瞬間

<html> 
    <head> 
     <style> 
      body { 
       margin: 0px; 
       padding: 0px; 
       width: 100%; 
       height: 100%; 
       position: relative; 
      } 

      #header { 
       background:red; 
       width: 100%; 
       height: 50px; 
       position:fixed; 
       top: 0px; 
      } 

      #sidebar { 
       float:left; 
       background: blue; 
       width:120px; 
       min-height:100px; 
       position: absolute; 
       top: 50; 
       left:0; 
      } 

      #footer { 
       background:red; 
       width: 100%; 
       height: 50px; 
       position:fixed; 
       bottom: 0px; 
      } 

      #content { 
       margin: 60px 0px 60px 140px; 
      } 
     </style> 
    </head> 
    <body> 
     <div id="sidebar"> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
      sidebar<br /> 
     </div> 
     <div id="content"> 
      top<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      text<br /> 
      bottom<br /> 
     </div> 
     <div id="header"> 
     </div> 
     <div id="footer"> 
     </div> 
    </body> 
</html>

來源

2011-07-04 Y.G.J

檢查there如果這是你想要的。

來源

2011-07-05 01:18:26 kwicher

太棒了！在開始向上滾動時，側欄是否可以恢復正常？而不是當你到達特定點時，它停止向下滾動？你懂我的意思嗎？ –

滾動DIV只有當它是不是在窗口範圍

回答

相關問題