fullpage.js tooltips ile yatay kaydırma noktaları

Question

Ben fullpage.js ile oynuyorum ve cazibe gibi çalışan yerleşik yatay kaydırıcıyı kullanmak istiyorum. Eksik olan şey, dikey bölüm menüsünde olduğu gibi her aktif nokta üzerinde bir araç ipucu (ve onları gezdirirken) gösterme olasılığıdır.

Aşağıdaki soruda bu özelliği gerçekleştirmek için kısa bir kılavuz buldum, en sonunda jfoutch'dan yorum: horizontal slider using full page.js. JQuery.text() yöntemini nasıl kullanacağımı veya tam olarak nerede başlayacağımı bilmiyorum.

Herhangi bir yardım çok takdir edilmektedir! Teşekkürler!

Answer 1

Yatay kaydırma noktalarındaki araç ipuçlarını gerçekleştirmek için kendi çözümümü buldum! :) Ben Bootstrap kullanıyorum

(Zaten ızgara sistemi için bu çerçeveyi kullanmak gibi) eklentisi tooltip.js ve araç ipuçları için veri arasında geçiş yap ve başlığı ayarlamak için elle kaydırıcı navigasyonu oluşturuldu:

<div class="fp-slidesNav bottom"> 
    <ul> 
     <li><a href="#" class="fp-slide-dots" data-toggle="tooltip" title="Slide 1"><span></span></a></li> 
     <li><a href="#" class="fp-slide-dots" data-toggle="tooltip" title="Slide 2"><span></span></a></li> 
     <li><a href="#" class="fp-slide-dots" data-toggle="tooltip" title="Slide 3"><span></span></a></li> 
    </ul> 
</div> 

Sonra araç ipuçları başlatmak zorunda:

$('.fp-slide-dots').tooltip(); 

çalışıyor! :)

Answer 2

fullpage.js, this open issue numaralı belgede gördüğünüz gibi bunu yapmanın bir yolunu sağlamaz.

Ne yapabilirsiniz metotları fullpage.js kullanır gibi moveTo kullanarak kendi navigasyon oluşturmak ve etkinleştirmek veya afterLoad veya sağlamaktadır fullpagejs hatta devlet sınıfının fp-viewing-X-Y olarak geri aramalar kullanarak her nav mermiyi desactivate olduğunu.