Narek-T

Вы в порядке?)

Комментарий был адресован не вам, и то что вы вмешались то эмоции скорее всего у вас)

Или мне нужно извиняться, что посмел комментировать ваш код ? 😂 Иначе непонятно что за негатив)

---------- Добавлено 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 завернуть нужно, согласен, всякое может быть..