ScrollReveal 'элементы не найдены'?
Я возился с несколькими библиотеками javascript, которые могут помочь мне в создании веб-сайта-портфолио, который я с нетерпением жду. Однако у меня возникла проблема с библиотекой scrollreveal.js. Когда я загружаю сайт (тестирование локально), я получаю это в консоли ScrollReveal: reveal on ".example" failed, no elements found.
Вот мой код
HTML:
<div id = "mainContent1">
<div class = "example" data-scroll></div>
</div>
CSS:
.example {
height: 150px;
width: 150px;
background-color: #000000;
display: block;
margin-top: 150vh; //just to be able to scroll down for sr effect
}
Javascript:
window.sr = ScrollReveal ();
sr.reveal('.example');
Я просто не могу заставить его работать и буду признателен за любую помощь. Спасибо!
@wazz Я тоже так думал, но консоль издает такое впечатление, будто div с идентификатором 'example' изначально не существует. Раньше у меня был контент в div, и я все еще получал то же консольное сообщение.
Я просто попробовал это на скрипке, и, похоже, он работает. Вам нужно прокрутить вниз до самого низа. (Убедитесь, что комментарий в CSS отсутствует или правильно прокомментирован. /* comment */). jsfiddle.net/wazz/9f8o5m7g/8
@wazz, вероятно, проблема браузера, он работает на скрипке, как вы указали, но не при локальном тестировании в Chrome. Хотя я пробовал использовать несколько браузеров и не могу заставить его работать ни в одном из них (Chrome, IE (ew), Safari, FireFox, Opera и т. д.)
Где ваша ссылка на ScrollReveal? Убедитесь, что он находится непосредственно перед закрывающим тегом </body>. ... это не проблема, это ... nvmnd ... или на самом деле, может быть, это так. Убедитесь, что это не в голове.
@wazz Я попробую, у меня в голове уже был скрипт src для раскрытия прокрутки, я дам знать, работает ли это
пожалуйста, опубликуйте это как ответ, размещение ссылки на библиотеку над закрывающим тегом <body>, так что я могу поставить это как ответ thx
И убедитесь, что сценарий ваш находится после ScrollReveal.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Убедитесь, что ссылка на библиотеку ScrollReveal находится непосредственно перед закрывающим тегом. И убедитесь, что ваш сценарий после этого.
Если ваш скрипт находится наверху, он будет искать элементы, которых еще нет на странице.
Я никогда не использовал его, но похоже, что внутри div 'example' должен быть какой-то контент. ?