Я не могу перейти по предоставленной вами ссылке на Codepen, но я могу показать вам, как вызвать горизонтальный скролл на странице без изменения вертикального положения, используя метод `scrollIntoView()` и JavaScript.
По умолчанию `scrollIntoView` пытается прокрутить элемент, чтобы он был полностью видимым во вьюпорте. Но вы можете указать параметры, чтобы контролировать, как производится прокрутка. В вашем случае нужно убедиться, что вертикальная прокрутка не изменяется.
Для этого вы можете сохранить текущую вертикальную позицию скролла перед вызовом `scrollIntoView()` и сразу же восстановить эту позицию после вызова:
```javascript
// Элемент, который вы хотите прокрутить по горизонтали
const elementToScrollTo = document.getElementById('your-element-id');
// Обработчик для кнопки
const scrollHorizontally = () => {
// Сохраняем текущую вертикальную позицию скролла
const currentScrollPosition = window.scrollY || document.documentElement.scrollTop;
// Вызываем scrollIntoView с опцией для прокрутки только по горизонтали
elementToScrollTo.scrollIntoView({ block: 'nearest', inline: 'start' });
// Восстанавливаем вертикальную позицию скролла
window.scrollTo({
top: currentScrollPosition,
behavior: 'instant' // Или 'auto' для синхронного возврата, если доступно
});
};
// Назначаем обработчик кнопке
const scrollButton = document.getElementById('your-scroll-button-id');
scrollButton.addEventListener('click', scrollHorizontally);
```
Таким образом, когда вы нажимаете на кнопку, `scrollIntoView` будет активирован, и элемент прокрутится по горизонтали до видимой области. При этом вертикальная позиция будет восстановлена сразу после вызова `scrollIntoView`.
Обратите внимание, что для работы `scrollIntoView()` с опциями, ваш браузер должен поддерживать эту возможность. Если это не так, может потребоваться полифилл или другой метод реализации горизонтальной прокрутки.
Также вместо восстановления прокрутки через `window.scrollTo` можно использовать стили CSS, чтобы панель прокрутки не появлялась или не использовалась для вертикальной прокрутки, если ситуация этого требует.