#typescript #resize #window
#typescript #изменение размера #окно
Вопрос:
Итак, tsParticles работает для меня на индексной и контактной HTML-странице, но не работает на двух других страницах, пока я не изменю ширину окна.. У кого-нибудь была подобная проблема? Я не получаю сообщение об ошибке в консоли или что-то в этом роде, просто не отображается до изменения размера.
Комментарии:
1. Добро пожаловать в Stack Overflow! Не могли бы вы обновить свой вопрос минимальным воспроизводимым кодом? Примера кода, который вы используете для инициализации tsParticles и включения его в html, должно быть достаточно.
2. Это произошло несколько версий назад, версия
1.18.11
должна исправить эту проблему. Эта проблема была (вероятно, без кода, который я не могу сказать) вызвана включенными коллизиями, небольшим холстом / окном и большим количеством частиц, поскольку частицы не могут быть размещены правильно.3. Можете ли вы проверить код по ссылке petramarkovic.github.io/portfolio/index.html ? Код слишком большой, поэтому я думаю, что так проще. Вы заметите, что на домашней странице и странице контактов появляются файлы деталей, но на странице about и портфолио они не появляются, пока вы не измените размер.
4. Я проверил вашу конфигурацию, у вас включены столкновения, как я и думал изначально. Но проблема не в этом. Вы скрываете основной контейнер для отображения анимации загрузки на этих страницах, и это заставляет tsParticles вычислять размер холста
0
. Обновление tsParticles запускается только приwindow
изменении размера события, вы можете попробовать запустить его или загрузить tsParticles позже.