спасибо большое) но ради одного только модального окна не хотелось бы использвать бутстрап, а есть како либо фиксированное значени? или там все сложно..?
прикол в том, что у меня разные размеры и картинки, и возможно при непонятном скроле и ошибки в самом скроле, так скажем, аос начинал сбиваться и где то прогружал уже заведдомо не видимые файлы.. Это помогло, тем что при загрузки картинки, он обновлял скрипт аоса и все четко)
В точку. Вот и проблема и решение одновременно) спасибо огромное!) Но я хз, почему то мне помогло другое решение, может я уже сплю, может и вправду)
Тупо
document.querySelectorAll('img')
.forEach((img) =>
img.addEventListener('load', () =>
AOS.refresh()
)
);
Алекс Глебов, меня глючит? она начинает нормально работать, а потом в середине она тупо уже прогруженные картинки без всякой анимации появляются, но когда ты поднял вверх, и опустил вниз в середние скрола она о чудо работает. А если тупо вниз листаешь то спустя какое то время она перстает работать, обрати внимание
Алекс Глебов, а нет, не идеально((( прицнип тот же, а вот анимация не работает))) как быть, использую библеотку AOS https://github.com/michalsnik/aos/issues/407
не могу разобраться, прикол в том что первые 500vh она работает, а потом перестает анимироваться...
Алекс Глебов, слушай, я протестил, да дествительно принцип видимо тот же, спасибо огромное и работает все идеально!!! и скорость загрузки упала просто в 7 раз))
Алекс Глебов, https://codepen.io/imagekit_io/embed/gdbYwV/
глянь пример пожалуйста, вот нужно что то в этом роде, только анимация библиотечная (aos) не работает вместе. плюс для сео не очень хорошо не иметь src атрибута. А как работает нативный lazy?? не по тому же принципу случайно?
я бы скинул пример, абсолютно именно то что нужно, но можно ли это делать сайт сторонний) https://l7design.ru/
немного проскролить вниз раздел "РЕШАЕМ ВОПРОСЫ" там три блока, вот надо сделать прям точ в точ как там...
