Очень странное поведение плагина AOS - когда обновляешь страницу, блоки с data-aos не отображаются. Но как только в браузере нажимаешь ctrl - или ctrl +(масштаб страницы), анимация начинает нормально проигрываться, и так до первого обновления страницы.
В чем причина может быть?
AOS через gulp подключен: js:
gulp.task('js', function() {
return gulp.src([
'node_modules/aos/dist/aos.js',
'node_modules/slick-carousel/slick/slick.js',
'node_modules/magnific-popup/dist/jquery.magnific-popup.js'
])
.pipe(concat('libs.min.js'))
.pipe(uglify())
.pipe(gulp.dest('app/js'))
.pipe(browserSync.reload({ stream: true }))
});
css через @import (Scss потом конвертируется в один style.min.css)
@import "../../node_modules/aos/dist/aos";
Ну и AOS.init(); тоже подключен в html.