Proposition

[ghost]

Wouldn't it be better to use something like this?

<script>
function updateContent(source, target){
    target.innerHTML = source.scrollTop;
}
</script>
<style>
* {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 300px; 
    height: 400px; 
    background-color: lightgrey;
}

.scrollbar {
    position: relative;
    left: 0px;
    top: 0px;
    width: 316px; 
    height: 400px; 
    background-color: lightgreen;
    overflow-y: scroll;
}
</style>

<div class="scrollbar" onscroll="updateContent(this, this.nextSibling);"><div style="height: 5000px;"></div></div><div class="content">y</div>

[NeXTs]

How this should work with rows which height are smaller than .content height?

[ghost]

You put them into the .content div I assume.

[NeXTs]

Thank you for the suggestion László, but I will not change plugin's implementation. Probably it's idea for another plugin.

[ghost]

Ok. Have a nice day! :-)

[NeXTs]

You too :+1: :)