Javascript 滚动主体时滚动一个元素

Javascript 滚动主体时滚动一个元素,javascript,jquery,html,scroll,Javascript,Jquery,Html,Scroll,当用户滚动页面上的任意位置时,是否可以使用jQuery模拟元素的滚动?我有一个100%高的div,使用overflow:scroll显示滚动条。页面主体没有滚动条,因为它也是100%高度。我希望这样,当用户试图滚动页面上的任何位置时,div就会滚动。这可能吗 谢谢大家! ++++++++++++++++++++++++++++++++++++ + + + + + + + + + L

当用户滚动页面上的任意位置时,是否可以使用jQuery模拟元素的滚动?我有一个100%高的div,使用
overflow:scroll
显示滚动条。页面主体没有滚动条,因为它也是100%高度。我希望这样,当用户试图滚动页面上的任何位置时,div就会滚动。这可能吗

谢谢大家!

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

html,body,div
{
填充:0px;
边际:0px;
}
#左面板,右面板
{
宽度:19%;
显示:内联块;
背景色:#22435D;
身高:50%;
位置:固定;
}
#中央面板
{
左缘:20%;
宽度:60%;
显示:内联块;
身高:150%;
背景色:白色;
颜色:#22435D;
边框:1px实心#22435D;
}
你的内容在这里

你的内容在这里
你的内容在这里
你的内容在这里
你的内容在这里
你的内容在这里
你的内容在这里
你的内容在这里
现在,如果您滚动页面,它将仅滚动中央面板