Javascript 滚动主体时滚动一个元素
当用户滚动页面上的任意位置时,是否可以使用jQuery模拟元素的滚动?我有一个100%高的div,使用Javascript 滚动主体时滚动一个元素,javascript,jquery,html,scroll,Javascript,Jquery,Html,Scroll,当用户滚动页面上的任意位置时,是否可以使用jQuery模拟元素的滚动?我有一个100%高的div,使用overflow:scroll显示滚动条。页面主体没有滚动条,因为它也是100%高度。我希望这样,当用户试图滚动页面上的任何位置时,div就会滚动。这可能吗 谢谢大家! ++++++++++++++++++++++++++++++++++++ + + + + + + + + + L
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;
}
你的内容在这里
你的内容在这里
你的内容在这里
你的内容在这里
你的内容在这里
你的内容在这里
你的内容在这里
你的内容在这里
现在,如果您滚动页面,它将仅滚动中央面板