In a case, I want to【关注微信公众号:wwwtangshuangnet】【版权所有,侵权必究】 sync scrollbar acti【访问 www.tangshuang.net 获取更多精彩内容】【访问 www.tangshuang.net 获取更多精彩内容】on between different本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。 element by jquery. 【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有,禁止商业用途转载。For example, when sc转载请注明出处:www.tangshuang.net【关注微信公众号:wwwtangshuangnet】roll $a’s scro本文作者:唐霜,转载请注明出处。【关注微信公众号:wwwtangshuangnet】llbar, or mouse whee【转载请注明来源】【原创不易,请尊重版权】l scroll down on $a,【本文首发于唐霜的博客】【版权所有,侵权必究】 I want to scroll $b原创内容,盗版必究。【版权所有】唐霜 www.tangshuang.net’s scrollbar, 【原创内容,转载请注明出处】【关注微信公众号:wwwtangshuangnet】or even scrollTop/sc【转载请注明来源】【版权所有,侵权必究】rollLeft when $b is 【版权所有,侵权必究】【未经授权禁止转载】overflow:hidden. Now本文版权归作者所有,未经授权不得转载。原创内容,盗版必究。 let’s do it:
【访问 www.tangshuang.net 获取更多精彩内容】原创内容,盗版必究。【版权所有,侵权必究】let syncScrollTopA2B = ($a, $b) => {
$a.on('scroll', function() {
$b.scrollTop($a.scrollTop())
})
}
let syncMousewheelTopA2B = ($a, $b) => {
$a.on('mousewheel DOMMouseScroll', function(e) {
let { deltaY } = e.originalEvent
$a.scrollTop($a.scrollTop() + deltaY)
$b.scrollTop($a.scrollTop())
})
}
let syncTop = ($a, $b) => {
syncScrollTopA2B($a, $b)
syncMousewheelTopA2B($b, $a)
}
let syncScrollLeftA2B = ($a, $b) => {
$a.on('scroll', function() {
$b.scrollLeft($a.scrollLeft())
})
}
let syncMousewheelLeftA2B = ($a, $b) => {
$a.on('mousewheel DOMMouseScroll', function(e) {
if (e.shiftKey) { // press shift key on your keyboard
let { deltaX } = e.originalEvent
$a.scrollLeft($a.scrollLeft() + deltaX)
$b.scrollLeft($a.scrollLeft())
}
})
}
let syncLeft = ($a, $b) => {
syncScrollLeftA2B($a, $b)
syncMousewheelLeftA2B($b, $a)
}
When pull scrollbar 【版权所有】唐霜 www.tangshuang.net未经授权,禁止复制转载。on $a, scrollTop wil著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。l sync to $b. The sa【本文首发于唐霜的博客】【原创不易,请尊重版权】me with mouse wheel 【版权所有,侵权必究】【本文受版权保护】event. However, hori【本文受版权保护】【原创内容,转载请注明出处】zontal mouse wheel e【本文受版权保护】【未经授权禁止转载】vent is different, y著作权归作者所有,禁止商业用途转载。【未经授权禁止转载】ou should press shift on your keyboard at【访问 www.tangshuang.net 获取更多精彩内容】未经授权,禁止复制转载。 the same time.

