gpt4 book ai didi

javascript - 当 body 滚动时滚动一个元素

转载 作者:行者123 更新时间:2023-12-02 17:46:44 25 4
gpt4 key购买 nike

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

谢谢!

最佳答案

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

考虑您要滚动内容,而不是左右面板。您可以对左右面板使用position:fixed。

因此,每当您滚动页面时,它只会滚动内容面板,而不是左右面板,因为它们是固定的。

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

现在,如果您滚动页面,它只会滚动中心面板。

关于javascript - 当 body 滚动时滚动一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21693029/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com