Пользовательская навигация Fullpage.js в WordPress с использованием Elementor Pro и OceanWP Full Page

Question

Я пытаюсь собрать пользовательскую навигацию для fullscreen.js, используя два изображения на веб-сайте, который я собрал, используя Elementor Pro и OceanWP для хорошего одностраничного сайта.

В настоящее время я использую эти два изображения в качестве ссылок для перемещения в разные разделы, но мне бы хотелось, чтобы они были липкими и перемещались по сайту, не дублируя их на каждом слайде.

Я попытался использовать следующий вопрос , но не могу заставить код работать, используя виджет HTML или пользовательский плагин JavaScript. Может ли кто-нибудь указать мне правильное направление?

Answer 1

Вот что я сделал, чтобы решить эту проблему:

1. Предоставил изображениям, которые я хотел использовать в качестве кнопок, css-id в Elementor (Previous_Button и Next_Button)
2. Поместил HTMLВиджет на странице с помощью Elementor

3. Размещение следующего кода в виджете HTML:

   <script>
   (function($) {
   $('#Next_Button').click(function(){
       fullpage_api.moveSectionDown();
       });
   
   
   $('#Previous_Button').click(function(){
       fullpage_api.moveSectionUp();
       });
   })(jQuery);
   </script>