Вы в порядке?)
Комментарий был адресован не вам, и то что вы вмешались то эмоции скорее всего у вас)
Или мне нужно извиняться, что посмел комментировать ваш код ? 😂 Иначе непонятно что за негатив)---------- Добавлено 13.02.2019 в 16:47 ----------
Старайтесь не смешать серверный код с клиентским, это выглядит так себе и при отладке получите потом кучу проблем. Неплохим решением было бы вставить php переменную в какой нибудь data атрибут какого нибудь тэга, потом его забрать при помощи js. Например:
<div id="some-id" data-maxlist="<?php echo $maxlist; ?>"></div><script>var maxList = $('#some-id').data('maxlist');</script>
Это ужасно) Никогда не делайте так) Если конечно хотите делать правильно а не абы как.
И если в базе < 30 записей то опять получите бесконечную кнопку которую будет видно но работать она не будет)
В смысле? А как по вашему на сайте примере проигрывается, не через html теги? Что значит
Очень категорично. Уже давно прошли времена 56 модемов с dial-up.
Думать о маленьком проценте пользователей с кирпичами вместо устройств и этим заведомо повлиять на визуальное восприятие сайта остальными пользователями по крайней мере нечестно и замедляет прогресс.
Должна быть золотая середина, которая называется graceful degradation, кратко говоря отрубить весь интерактив для слабых устройств. Именно для слабых, а остальные пусть смотрят то что позволяет устройство.
Это вы про конкретный сайт или про технологию в целом?
Руками пишется. Если уже до тебя никто не написал кончено. Например можно модифицировать это и получить примерно то https://vincentgarreau.com/particles.js/
Animate.css это лучший сборник анимаций с помощью css на данный момент. Это просто набор классов которые при добавлении к DOM элементу анимируют его с заданными параметрами. То есть она "с коробки" не обещает анимировать при скролле.
Не знаю где вы там увидели добавление задержки и прочего в html, скорее всего просто не поняли для чего он нужен.
По теме, только с animate.css не получится делать анимацию при скролле. Нужен скрипт/плагин который будет детектить что объект находится в поле зрения и вешать на него класс. В свое время пользовался wow.js, читайте, поможет, а может и свежее что-то найдете, главное понять что как работает и должно работать.
Это JavaScript. пихать надо соответственно в .js файл. И модифицировать под свои нужды.
Отдельный файл тоже можно перед </body> подключить и это будет работать точно так же, не будет никаких проблем и все будет работать :)
Но еще раз соглашусь что завернуть все в какой нибудь callback идея не лишняя, не из за того что код перестанет работать без этого а по крайней мере можно потом манипулировать с динамически добавленным контентом если такая необходимость возникнет.
Флудить заканчиваю)
Не может.
То что скрипт находится после объявления DOM элемента уже дает гарантию на то, что элемент существует (не null).
Но в loaded завернуть нужно, согласен, всякое может быть..
