JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    1<br>
    2<br>
    3<br>
    4<br>
    5<br>
    6<br>
    7<br>
    8<br>
    9<br>
    10<br>
    11<br>
</div>

CSS

.container {
    height: 100px;
    width: 200px;
    overflow: auto;
    border: 1px solid #ddd;
}

JavaScript

if ($.support.reliableMarginRight) {
    alert("Only occurs when support.reliableMarginRight is FALSE");
}

var container = $('.container');
container.scrollTop(50);


container.outerWidth(true);
/** jQuery.cssHooks.marginRight will run something like:
 * container[0].style.display = 'inline-block';
 * container[0].offsetHeight; // Trigger reflow
 * container[0].style.display = 'block';
 */

if (container.scrollTop() == 0) {
    alert('scrollTop should be still 50');
}