2014-02-11 5 views
0

Возможно ли использование jQuery для имитации прокрутки элемента при прокрутке пользователя в любом месте страницы? У меня есть div, который составляет 100% высоты и использует overflow: scroll для отображения полосы прокрутки. В теле страницы нет полосы прокрутки, так как она также высока на 100%. Я хотел бы сделать так, чтобы, когда пользователь пытается прокручивать в любом месте страницы, прокручивается div. Это возможно?Прокрутка одного элемента при прокрутке тела

Спасибо!

ответ

2
++++++++++++++++++++++++++++++++++++ 
+  +     +  + 
+  +     +  + 
+ 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> 

Теперь, если вы прокрутите страницу, она будет прокручивать только центральную панель.

Смежные вопросы