滚动的div可以触发另一个div使用jQuery滚动的方法吗?

滚动的div可以触发另一个div使用jQuery滚动的方法吗?,第1张

概述这个问题已经在这里有了答案:            >            On div scroll activate another div's scroll                                    1个我正在使用两个div元素当用户滚动div#element-A时,我希望#element-A自动滚动到与#eleme

这个问题已经在这里有了答案:            >            On div scroll activate another div’s scroll                                    1个
我正在使用两个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 >    <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 >    <p>content</p>    <p>content</p>    <p>content</p>    <p>content</p>    <h1 ID="animate-hd-b">header Two</h1>  </div></div>

我知道我在jquery中缺少一些简单的东西,但似乎找不到解决方案.最佳答案

              let target = $("#current-B")[0];  $("#current-A").scroll(function() {    target.scrolltop = this.scrolltop;  });
section {  display: flex;  justify-content: space-between;}.scroll-Box {  wIDth: 200px;  height: 200px;  overflow-y: scroll;}
<script src="https://cdnjs.cloudflare.com/AJAX/libs/jquery/3.3.1/jquery.min.Js"></script><section><div  ID="current-A">   <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p></div><div  ID="current-B">   <p>item item item item item item item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p>  <p>item</p></div><section>
总结

以上是内存溢出为你收集整理的滚动的div可以触发另一个div使用jQuery滚动的方法吗? 全部内容,希望文章能够帮你解决滚动的div可以触发另一个div使用jQuery滚动的方法吗? 所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1105458.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-28
下一篇2022-05-28

发表评论

登录后才能评论

评论列表(0条)

    保存