正文滾動時滾動一個元素

當用戶在頁面上的任何位置滾動時，是否可以使用jQuery來模擬元素的滾動？我有一個高度爲100％的div，並使用overflow: scroll來顯示滾動條。頁面的主體沒有滾動條，因爲它的高度也是100％。我想這樣做，以便當用戶在頁面上的任何位置滾動時，div滾動。這可能嗎？正文滾動時滾動一個元素

謝謝！

來源

2014-02-11 Leopold Joy

++++++++++++++++++++++++++++++++++++ 
+  +     +  + 
+  +     +  + 
+ Left +  Content  + Right + 
+  +     +  + 
+  +     +  + 
++++++++++++++++++++++++++++++++++++

考慮你想滾動的內容，而不是左側和右側面板。您可以使用位置：固定爲左側和右側面板。

因此，只要你將滾動頁面，它將只滾動內容面板，而不是左側&右側面板，因爲它們是固定的。

<html> 
<head> 
<style> 
    html,body,div 
    { 
    padding:0px; 
    margin:0px; 
    } 
    #left_panel, #right_panel 
    { 
     width:19%; 
     display:inline-block; 
     background-color:#22435D; 
     height:50%; 
     position:fixed; 
    } 
    #center_panel 
    { 
     margin-left:20%; 
     width:60%; 
     display:inline-block; 
     height:150%; 
     background-color:white; 
     color:#22435D; 
     border:1px solid #22435D; 
    } 
</style> 
</head> 
<body> 
    <div id="left_panel"> 
    </div> 
    <div id="center_panel"> 
     you content goes here 
     <br/> 
     you content goes here 
     <br/> 
     you content goes here 
     <br/> 
     you content goes here 
     <br/> 
     you content goes here 
     <br/> 
     you content goes here 
     <br/> 
     you content goes here 
     <br/> 
     you content goes here 
    </div> 
    <div id="right_panel"> 
    </div> 
</body> 
</html>

現在如果您滾動頁面，它將僅滾動中心面板。

來源

2014-02-11 04:41:02

正文滾動時滾動一個元素

回答

相關問題