पूर्णपृष्ठ जेएस स्लाइड प्रभाव?

Question

मैं Fullpage.js का उपयोग करने की कोशिश कर रहा हूं। यहां मेरी स्क्रिप्ट है:

<div id="fullpage" style="margin-top: 55px"> 
    <div class="section" id="first" style="background-color: red">Some section - Home</div> 
    <div class="section" id="services" style="background-color: blue">Some section - Services</div> 
    <div class="section" id="why" style="background-color: green">Some section - Why</div> 
    <div class="section" id="portofolio" style="background-color: red">Some section - Portofolio</div> 
    <div class="section" id="price" style="background-color: blue">Some section - Price</div> 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 

$('#fullpage').fullpage({ 
    menu: '#navbarNav', 
    css3: true, 
    scrollingSpeed: 1000 
}); 
}); 
</script> 

समस्या यह है कि मेरे HTML पृष्ठ में कोई स्लाइड प्रभाव नहीं है। कोई समाधान? मुझे अपने ब्राउज़र कंसोल में कोई त्रुटि नहीं दिखाई दे रही है।

अद्यतन

एक दूसरे समस्या है, मैं यादृच्छिक अनुभाग पर स्क्रॉल करें जब तब मैं मेनू क्लिक करें, लंगर काम नहीं कर रहा, मेरा मतलब यह खंड जो मैं स्क्रॉल पर रहता है।

Answer 1

आप इस तरह, अपनी स्क्रिप्ट में अपने एंकर परिभाषित करने की जरूरत:

$(document).ready(function() { 
    $('#fullpage').fullpage({ 
     menu: '#navbarNav', 
     css3: true, 
     scrollingSpeed: 1000, 
     anchors:['first, 'secondPage', 'why', 'portofolio', 'price'] 
    }); 
}; 

स्रोत: https://github.com/alvarotrigo/fullPage.js#fullpagejs

Answer 2

कृपया, यह सुनिश्चित करने के लिए कि यह निष्पादित करने के लिए तैयार है, $(document).ready() के अंदर अपना जावास्क्रिप्ट कोड डालें। आपके मामले में, यह कुछ ऐसा होना चाहिए:

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('#fullpage').fullpage({ 
      menu: '#navbarNav', 
      css3: true, 
      scrollingSpeed: 1000 
     }); 
     }; 
    </script> 

आशा है कि यह आपकी समस्या का समाधान कर सकता है। धन्यवाद

Answer 3

आप इस

<ul id=#menu> 
    <li data-menuanchor="first" class="active"> 
    <a href="#first">First</a> 
    </li> 
    <li data-menuanchor="services" class="active"> 
    <a href="#services">Services</a> 
    </li> 
</ul> 

तरह href लंगर विशेषता पर आईडी लिखने की ज़रूरत