Как удалить горизонтальную прокрутку без скрытого переполнения? ⇐ CSS

[Гость]

Хорошо, у меня есть этот проект, обе версии загружены на github по следующим ссылкам.

Переполнение1: при прокрутке за точку портфолио текст перемещается внутрь. Основная проблема заключается в том, что когда вы пытаетесь имитировать смартфон или просто пользуетесь обычным телефоном, вы можете прокручивать в сторону...

Overflow2 использует основное исправление, при котором вы просто добавляете «overflow-x:hidden» и «width:100vw» в html, тело или что-то еще.

Хотя это работает, перекошенный текст портфолио больше не перемещается при прокрутке (я делаю это с помощью прокрутки вверху, процентам и т. д.). У меня также были другие проекты, где добавление скрытого в body и html параметра overflow-x создавало сбои и задержка при первой прокрутке изображений после перезагрузки. Без скрытого переполнения все идеально гладко (только мобильные устройства позволяют прокручивать по горизонтали). Затем я попытался поместить его в обертку вместо html и body, то же самое...

https://stevenphotos.github.io/overflow1/

https://stevenphotos.github.io/overflow2/

Есть ли другие способы отключить горизонтальную прокрутку? Я пробовал установить для ScrollLeft значение 0 при обнаружении прокрутки в JavaScript, однако то же самое происходит и на мобильном устройстве: вы можете прокручивать до конца вправо, и ТОГДА ScrollLeft = 0 решает сработать...

Вот исходный код:

https://github.com/StevenPhotos/overflow1

https://github.com/StevenPhotos/overflow2

Спасибо