jQuery Simple Example

by dj19910501

HTML

<script src="//www.addressfinder.co.nz/assets/v2/widget.js"></script>
<div id="left">
11111111<br/>
22222222<br/>
33333333<br/>
44444444<br/>
55555555<br/>
66666666<br/>
11111111<br/>
22222222<br/>
33333333<br/>
44444444<br/>
55555555<br/>
66666666<br/>
</div>
<div id="right">
11111111<br/>
22222222<br/>
33333333<br/>
44444444<br/>
55555555<br/>
66666666<br/>
11111111<br/>
22222222<br/>
33333333<br/>
44444444<br/>
55555555<br/>
66666666<br/>
</div>

CSS

div{height: 100px;overflow: auto;display:inline-block;width: 200px;
scroll-behavior: smooth;}

JavaScript

document.getElementById("right").addEventListener("mousewheel", function(e){
	var scrollAmount = e.wheelDelta;
  $("#left")[0].scrollTop -= scrollAmount;
})

document.getElementById("right").addEventListener("scroll", function(e){
	alert("yes")
})