Chrome вертикальная полоса прокрутки не работает, когда URL имеет # в конце

Question

У меня была периодически возникающая проблема, которая, по моему мнению, была связана с неочищенными поплавками. Что происходит в Chrome (мой основной браузер разработки), так это то, что вертикальная полоса прокрутки заблокируется в верхнем положении, и я не могу прокрутить страницу вниз. Первоначально, когда страница начинает загружаться, она позволяет вам прокручиваться, а затем, когда страница загружается, она возвращается к началу и сама блокируется.

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

Эта проблема возникает только в Chrome - похоже, не возникает в других браузерах WebKit.

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

Удерживая клавишу "Shift", щелкните URL-адрес, чтобы открыть его в новом браузере .

URL-адрес, который будет заблокирован: / faq #

URL-адрес, который не блокируется (такой же, но без #): / faq

Answer 1

Для меня решение было в стиле всплывающего div: мне нужно было убедиться, что div с z-index и без float, но в окружении плавающих div, получил стиль float: none и явная ширина (плавать это не нужно, поскольку он был абсолютно позиционирован). У меня есть тема, работающая с этим здесь.