Я работаю над сайтом, который может загружать дополнительный контент при прокрутке вниз.
Все работает нормально, пока вы не прокрутите слишком далеко вниз в Chrome.
Контент загружается нормально, как я вижу все в инструментах разработчика, но это не видно. В какой-то момент, примерно на 6000 пикселей вниз, содержимое исчезает, и отображается цвет фона страницы.
Изображение 1: проблема
Изображение 2: контент есть
Если я наведу курсор на то место, где должен быть контент, я могу взаимодействовать с ним, также показывая, что он действительно загружается правильно. Это происходит только в Chrome, как в Mac OS, так и в Windows. Я пробовал Edge, Firefox, Safari и другие. У Chrome Canary такая же проблема.
Это ошибка в Chrome или я делаю что-то не так, что мне не хватает?
Решение:
Я нашел решение проблемы.
На моей странице есть анимация для постепенного исчезновения содержимого после загрузки. Это было причиной проблемы. Когда я удалил анимацию из div, в частности animation-fill-mode: forwards;, страница работала отлично.