Прогулка по простой реализации путевых точек - PullRequest
Новая
       48

Прогулка по простой реализации путевых точек

0 голосов
/ 23 мая 2019

Я новичок в путевых точках и провел несколько часов этим вечером, пытаясь заставить простой липкий элемент работать с использованием путевых точек.На данный момент я не могу понять, как заставить его работать.Это может не соответствовать типичному проторенному пути для переполнения стека, но сможет ли кто-нибудь помочь мне создать липкий элемент с самого начала?

У меня есть файлы Waypoints в нашей теме и вызов следующих файлов js.в нижнем колонтитуле: 

<script src="/wp-content/themes/CP/waypoints/lib/noframework.waypoints.min.js"></script>
<script src="/wp-content/themes/CP/waypoints/js/lib/jquery.waypoints.min.js"></script>
<script src="/wp-content/themes/CP/waypoints/js/lib/shortcuts/sticky.min.js"></script>

Оттуда я бы хотел, чтобы следующий код "прилипал" к верхней части страницы при прокрутке мимо нее. 

<span class="sticky"> 
<h2 id="2"><?php the_field('cp_post_heading_3'); ?></h2>
</span>

Я могуиспользуйте position: sticky, но нет селектора псевдокласса для position: sticky.Следовательно, пытаясь использовать путевые точки.

Последний фрагмент включен в приведенный ниже код в моем файле misc.js: 

var sticky = new Waypoint.Sticky({
element: $('.sticky')[0]
})

Это насколько я понял.Кто-нибудь хочет помочь направить меня отсюда?

...