
这个问题已经在这里有了答案: > 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滚动的方法吗? 所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)