CSS-only solution for scrollbar padding

HTML

<h1>w/o visibility</h1>
<div style="overflow: scroll; border: 1px solid red">
    <div style="height: 50px; border: 1px solid green">ывфаыва ывфа ыфва
     а
     ыва
      ывавапвапвапвапв
      ыфв
       аыввапвапвап
       а ы
       вфа 
       ывфа333333333333333333333333333333333
       ыфва
        ыв
        авпвапвапвапвап
        аы
        фавапвап
        ыва
        ыва
        ываывфаывфаывлдаодл ыдлоа ды
        воа  длоадлфы адлоыа ыова длыоа
        д ыоалдо длаоды аоыдлаодлыаоыва
        аывпывапвап
        аыввапавп
        а
        ыва
        ыва ыва пвап ваып вапваыпваыпв
        авпвапвапвапвап
        аы
        фавапвап
        ыва
        ыва
        ываывфаывфаывлдаодл ыдлоа ды
        воа  длоадлфы адлоыа ыова длыоа
        д ыоалдо длаоды аоыдлаодлыаоыва
        аывпывапвап
        аыввапавп
        а
        ыва
        ыва ыва пвап ваып вапваыпваыпв
        авпвапвапвапвап
        аы
        фавапвап
        ыва
        ыва
        ываывфаывфаывлдаодл ыдлоа ды
        воа  длоадлфы адлоыа ыова длыоа
        д ыоалдо длаоды аоыдлаодлыаоыва
        аывпывапвап
        аыввапавп
        а
        ыва
        ыва ыва пвап ваып вапваыпваып
        ыфа</div>
</div>

<h1>with visibility</h1>
<div style="overflow: scroll; border: 1px solid red; visibility: hidden">
    <div style="overflow: scroll;height: 50px; border: 1px solid green; visibility: visible">ячсяаыва ыфва ыфва ыфва ыфва ыфва ыва ывфа выфаывфа ыва ыва ывфа ывфа ывфаыва ывфа ыфва
     а
     ыва
      ывавапвапвапвапв
      ыфв
       аыввапвапвап
       а ы
       вфа 
       ывфа333333333333333333333333333333333
       ыфва
        ыв
        авпвапвапвапвап
        аы
        фавапвап
        ыва
        ыва
        ываывфаывфаывлдаодл ыдлоа ды
        воа  длоадлфы адлоыа ыова длыоа
        д ыоалдо длаоды аоыдлаодлыаоыва
        аывпывапвап
        аыввапавп
        а
        ыва
        ыва ыва пвап ваып вапваыпваыпв
        авпвапвапвапвап
        аы
        фавапвап
 ...