gpt4 book ai didi

javascript - 有没有一种方法可以让滚动的 div 触发另一个 div 使用 jQuery 进行滚动?

转载 作者:可可西里 更新时间:2023-11-01 13:19:06 25 4
gpt4 key购买 nike

<分区>

我正在使用两个 div 元素

当用户滚动 div #element-A 时,我希望 #element-A 自动滚动到与 #element-b 相同的位置

我当前的代码如下:

var currentPlan = $('#current-A'),
optionsPlan = $('#current-B'),
combinedScroll = optionsPlan.scrollTop();

optionsPlan.scroll(function() {

currentPlan.scroll();
});
#element-A,
#element-B {
width: 50%;
height: 100vh;
float: left;
overflow: auto;
}

#element-A {
background: orange;
}

#element-B {
background: yellow;
}

.content {
padding-bottom: 100vh;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="element-A">
<div class="content">
<p>content</p>
<p>content</p>
<p>content</p>
<p>content</p>
<h1 id="header-one-target" Header One</h1>
</div>
</div>

<div id="element-B">
<div class="content">
<p>content</p>
<p>content</p>
<p>content</p>
<p>content</p>
<h1 id="animate-hd-b">Header Two</h1>
</div>
</div>

我知道我在 jQuery 中遗漏了一些简单的东西,但我似乎找不到解决方案。

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