JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <p>Lorem ipsum</p>
    <p>Lorem ipsum</p>
    <p>Lorem ipsum</p>
    <p>Lorem ipsum</p>
    <p>Lorem ipsum</p>
    <p>Lorem ipsum</p>
    <p>Lorem ipsum</p>
</div>

CSS

div {
    border: 1px solid red;
    overflow:auto;
    text-direction:rtl;
    height:70px;
    position:relative; /* or 'position:absolute'. Either way, it's important! */
}

JavaScript

if( $('#container>p').position().left < 5 ) { // give it some wiggle room
    document.body.innerHTML += "<p>The scrollbar is on the right</p>";
} else {
    document.body.innerHTML += "<p>The scrollbar is on the left</p>";
}