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

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

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

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


wordpress fullpage.js elementor
person user11612212    schedule 07.06.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

  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>
person user11612212    schedule 07.06.2019