Чтобы избавиться от горизонтальной прокрутки на веб-странице, можно попробовать следующие способы:
1. Проверьте ширину контента: Убедитесь, что контент на странице не шире, чем ширина видимой области. Если контент превышает видимую область, он будет создавать горизонтальную прокрутку. Вы можете установить максимальную ширину контейнера или свойство overflow-x: hidden, чтобы предотвратить горизонтальную прокрутку.
2. Проверьте наличие элементов с фиксированной шириной: Если на странице есть элементы с фиксированной шириной, они могут вызывать горизонтальную прокрутку, если видимая область меньше, чем сумма ширин этих элементов.
3. Используйте свойство white-space: nowrap;: Это свойство предотвращает перенос текста на новую строку и может помочь предотвратить горизонтальную прокрутку, если необходимо.
Чтобы убрать скролл после установки swiper, при использовании отрицательного отступа для контейнера, вы можете попробовать следующие способы:
1. Установите свойство overflow-x: hidden; на контейнере swiper. Убедитесь, что это свойство применено к правильному элементу, который содержит swiper контент.
2. Проверьте, что отрицательный отступ задан правильно. Убедитесь, что отступ не вызывает появление горизонтальной прокрутки, и что он не противоречит другим правилам стилей, которые могут быть применены к контейнеру.
3. Проверьте, что другие элементы на странице не создают горизонтальную прокрутку. Возможно, другие элементы на странице создают проявляющуюся горизонтальную прокрутку из-за своей ширины или отступов. Установите свойство overflow-x: hidden; на нужные элементы, если это необходимо.
Если ни один из вышеперечисленных способов не помогает, возможно, проблема связана с другими стилями или скриптами на странице, и вам может потребоваться дополнительное исследование и отладка для решения проблемы.