Хорошо, так что моя проблема в том, что на моем веб-сайте появляется полоса прокрутки, позволяющая пользователю прокручиваться как 1 см вправо.Полоса прокрутки появляется без причины
Я хочу полностью удалиться от него и разместить на этой странице чат и логотип.
То же самое происходит и на мобильных устройствах, все это СЛАБАЯ прокручиваемая, что делает ее очень раздражающей.
Можно ли это исправить?
Большое спасибо! Alex
Из взгляда инспектора Chrome вы добавили отступы к телу, которые будут нажимать на любой контент. Поскольку ваша ширина тела уже 100%, добавление 15px маржи с каждой стороны создаст 30 дополнительных пикселей ширины поверх вашей уже 100-процентной ширины, создав эту горизонтальную полосу прокрутки.
Взгляните на этот JSfiddle: http://jsfiddle.net/piedoom/T52MM/1/ Я моделировал заполнение с большим значением границы. Это то, что делает дополнительное дополнение к телу, оно толкает его вправо и добавляет ненужное пространство, создавая горизонтальную полосу прокрутки.
Однако, как только вы удалите эту прокладку, она будет работать правильно. http://jsfiddle.net/piedoom/T52MM/2/
Вы можете удалить только боковой отступы в CSS, набрав body{padding-left: 0; padding-right: 0;} (Он будет вести себя, как это http://jsfiddle.net/piedoom/T52MM/3/)
Работал отлично. Большое спасибо человеку! – AlexGv
Нет проблем, не забудьте выбрать ответ, чтобы этот ответ мог помочь в будущих вопросах;) –
Это потому, что вы имеете в теле CSS ширину 100%.
Я отключил его в хроме, и горизонтальная полоса прокрутки исчезла.
width: 100%;
Попробуйте удалить это и посмотреть, как это происходит.
Вы имеете в виду горизонтальную полосу прокрутки или вертикальной прокрутки? Я пробовал этот сайт на сафари, хром и firefox и получил только вертикальную полосу прокрутки (что по очевидным причинам, верно? Или я не понимаю?) –
Это полоса прокрутки, которую я получаю на каждом устройстве, которое я пытаюсь посетить сайт от: http://puu.sh/6MD6r.jpg – AlexGv
И если у вас есть iPhone, попробуйте, вы увидите, что я имею в виду! – AlexGv