Google Chrome вертикальные полосы прокрутки загадочно появляются и исчезают?

Question

Веб-сайт, на котором я работал, имеет эту странную и, казалось бы, непротиворечивую проблему, и это, похоже, происходит в Google Chrome.

В разделе «Основное содержание» будут представлены вертикальные и горизонтальные полосы прокрутки.

Когда я открываю страницу в виде файла, полосы прокрутки появляются с перерывами при открытии страницы и обновлении страницы. Обычно они не появляются, но каждая пара обновляется или около того, они появятся.

Когда я запускаю страницу локально с помощью NGiNX, полосы прокрутки появляются при открытии страницы, но исчезают, когда я обновляюсь, и никакое обновление не вернет их. Если я нажимаю «назад» и «вперед» между двумя разными тестовыми страницами, которые я создал, полосы прокрутки прилипают. Только после перезагрузки они исчезают.

Я не видел проблему, когда я запускаю ее со своего бесплатного веб-сайта temp, Zymic. На самом деле я даже не беспокоился об этом, потому что он не отображался, когда он был в прямом эфире, но когда я заметил, что проблема возникла из моего локально управляемого веб-сервера, я подумал, что я должен изучить это.

Я понятия не имею, с чего начать, что может вызвать проблему, но я предоставляю видео, которое ясно покажет проблему, и ссылку на мой текущий сайт. Основываясь на отчетах других и моем собственном опыте, проблема не будет отображаться с сайта в реальном времени, но она предоставит доступ ко всему моему текущему коду (текущее, я в разгаре некоторых вещей) и Я с радостью предоставит любые специально запрошенные фрагменты кода. Я попытался бы сразу поставить биты, которые могли бы вызвать проблему, за исключением того, что я понятия не имею: \ Но если я сужу что-нибудь, я включу этот бит кода вместе с тем, что я обнаружил.

Short 58 второй видео проблемы: http://youtu.be/K7tjGJ8hIV0

Живой сайт (вопрос не должен происходить по этой ссылке): http://jrltest.zxq.net/

Спасибо всем большое!

Answer 1

Это вызвано вашим стилем overflow:auto; на вашем #maincontent div. Просто измените стиль на overflow:hidden;, чтобы полосы прокрутки исчезли навсегда.

Автоматическое переполнение будет работать, ничего не делая с переполненным контентом, если он подходит в контейнере, но если он переполняется еще немного, он вставляет полосы прокрутки, чтобы пользователь мог прокручивать. В вашем случае Chrome, вероятно, распознает один пиксель переполнения, поэтому вставьте полосы прокрутки. Это, вероятно, связано с кэшированием и загрузкой изображений. Я думаю, что если изображение уже находится в кеше, Chrome точно знает, насколько он большой, и он знает, что изображение будет вписываться в контейнер, но когда он еще не кэширован, он оставляет некоторое пространство для загрузки изображения в , и поскольку это пространство, по-видимому, немного больше фактического изображения, оно займет некоторое дополнительное пространство.

Answer 2

Проверьте значение тела для вас установлено значением overflow:hidden; Если это, чем изменить его;)