Jedno co przychodzi mi do głowy to pomniejszenie zewnętrznego pojemnika tak aby był mniejszy o ten właśnie scrolbar. Problem jest w tym, że różne przeglądarki mogą mieć różny scrolbar więc trzeba go zbadać za pomocą js i ustawić dynamicznie.
<div class="outside">
<div class="inside">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Molestias velit facilis sunt placeat eaque necessitatibus culpa vel quaerat excepturi tempore! Dolore mollitia delectus fugit sed, totam magnam quo. Doloremque, obcaecati?
Numquam praesentium facere quod vel libero veniam, fuga officiis dignissimos minus exercitationem. Quo accusantium quia provident itaque repellendus, molestias ipsum sed mollitia natus a sit animi at error labore fugit?
Consequuntur eum molestias a omnis ea explicabo quidem culpa. Optio voluptas nesciunt, magnam quidem nobis autem quia adipisci perspiciatis? In at ipsum officia? Quibusdam mollitia cum dolorem blanditiis iure numquam.
Fuga sint suscipit vel voluptate eveniet inventore sit illo nostrum repellendus ut error vero ex aspernatur, itaque esse at facere tenetur, quam provident nesciunt. Sed at porro dicta ipsa quaerat.
Pariatur et odio magnam eius tenetur asperiores doloribus obcaecati perferendis magni amet id odit excepturi placeat qui quis voluptates fuga ea, aut laudantium, accusamus delectus, corrupti quas. Natus, in laborum.
Mollitia dolorum dolore perspiciatis, aut commodi nemo voluptatem tenetur expedita repellendus dignissimos minima placeat nam dicta eos dolor voluptate nihil maxime quisquam iusto voluptatum libero? Exercitationem consequuntur nostrum placeat magnam.
Voluptate et similique atque cupiditate fuga. Et sequi velit numquam alias consequatur cumque voluptas qui sunt voluptate aliquid porro asperiores illo quia repellat, neque ipsa debitis atque fuga ratione. Maxime?
Repudiandae a sint nihil reprehenderit aspernatur repellendus, architecto ipsa. Tenetur animi reprehenderit doloremque nemo fugit mollitia modi nam sunt. Rem quia inventore maiores fugit eos? Aperiam consequuntur optio quas expedita.
Ullam nobis, fuga ipsa officiis dolorum quod incidunt omnis iste! Earum accusamus deserunt corporis, totam aspernatur veritatis nulla est reprehenderit reiciendis iure molestias dolore ratione et voluptas expedita voluptates consequatur?
Id, qui asperiores iste vitae ex harum, dolorum fugiat officiis, quam eligendi voluptatem deserunt quidem quo reprehenderit ducimus eius voluptas similique itaque dolorem! Exercitationem aperiam nisi molestias illum reprehenderit voluptas.
</div>
</div>
.outside{
position: relative;
width: 185px;
height: 500px;
border: 1px solid red;
overflow: hidden;
}
.inside{
width: 200px;
height: 500px;
overflow: scroll;
overflow-x: hidden;
border: 1px solid gray;
position: absolute;
}
