Split screen scrolling with fixed elements in plain javascript.
<!-- Main split scroll wrapper -->
<div class="splitscroll">
<!-- Left Side -->
<div class="splitscroll__left">
<div class="splitscroll__item">
<div class="splitscroll__mover">nix</div>
</div>
</div>
<!-- Right Side -->
<div class="splitscroll__right">
<div class="splitscroll__item">
<div class="splitscroll__mover">nix</div>
</div>
</div>
</div>
let splitScroller = null;
document.addEventListener( 'DOMContentLoaded', () => {
splitScroller = splitScroll();
} );
option key | default | description |
---|---|---|
name |
'splitscroll' |
|
scrollItem |
'item' |
|
mover |
'mover' |