Как я могу настроить навигационные точки на полной странице. js? - PullRequest
Новая
       11

Как я могу настроить навигационные точки на полной странице. js?

1 голос
/ 28 февраля 2020

Я использую полную страницу. js в моем проекте. Я использовал div id menu для навигации и меню, но я хочу настроить точки навигации в правой части экрана, чтобы последняя точка перемещалась на первую страницу, а первая точка - на последнюю страницу.

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

new fullpage('#fullpage',{
  autoScrolling: true,
  navigation: true,
  anchors: ['part1','part2','part3','part4','part5'],
  navigationTooltips:['5','4','3','2','1'],
  showActiveTooltip: true,
})
<ul id='menu' style="list-style: none; padding-left: 0;">
  <li data-menuanchor="part1"><a href="#part1"  style="display: none;"></a></li>
  <li data-menuanchor="part2"><a href="#part2"  style="padding-top: 0px;"><span>OUR SERVICES</span></a></li>
  <li data-menuanchor="part3"><a href="#part3" ><span>OUR COMPANY</span></a></li>
  <li data-menuanchor="part4"><a href="#part4" ><span>SWIFT CONSERVATION</span></a></li>
  <li data-menuanchor="part5"><a href="#part5" ><span>BLOGS</span></a></li>
  <a href="javascript:void(0);" class="icon" onclick="myFunction()">
    <i class="fa fa-bars"></i>
  </a>
</ul>

1 Ответ

0 голосов
/ 29 февраля 2020

Вы можете переписать значение по умолчанию CSS своим собственным. Например, чтобы использовать красные маркеры: 

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: red;
}

Вы можете увидеть стили, применяемые по умолчанию для файла css: https://github.com/alvarotrigo/fullPage.js/blob/master/src/fullpage.css

Вы также можете Найдите десятки предопределенных пуль Navigaiton для покупки на полной странице . js extensions page.

...