2013-07-28 6 views
5

मैं स्क्रॉल जासूस को अपने बूटस्ट्रैप साइट पर काम करने की कोशिश कर रहा हूं और कोशिश कर रहा हूं, लेकिन मैं इसे काम करने में असमर्थ हूं। मेरी समस्या यह है कि स्क्रॉलिंग का कोई असर नहीं पड़ता है, जहां भी मैं स्क्रॉल करता हूं। आप देख सकते हैं कि मैं क्या कर रहा हूं hereट्विटर बूटस्ट्रैप स्क्रॉल जासूस का उपयोग

मैं सभी अर्थात नीचे आवश्यक कदम प्रदर्शन किया गया है शरीर टैग

<body data-spy="scroll" data-target="#top-fixed-nav"> 

है और एनएवी भी है:

  <ul class="nav" id="top-fixed-nav"> 
       <li> 
       <a href="#home">Home</a> 
       </li> 
       <li class=""> 
       <a href="#about">About</a> 
       </li> 
       <li class=""> 
       <a href="#howto">How to Use?</a> 
       </li> 
       <li class=""> 
       <a href="#contact">Contact</a> 
       </li> 
      </ul> 

रूप में अच्छी तरह Scrollspy कहा जाता है।

$('#top-fixed-nav').scrollspy(); 

क्या कोई भी कृपया एक नज़र डालें और कृपया बताएं कि मैं क्या देख रहा हूं या गलत कर रहा हूं।

+3

कोशिश '$ (' शरीर ') Scrollspy();। ' – migg

उत्तर

5

Docs कहते हैं:

आसानी से अपने topbar नेविगेशन के लिए Scrollspy व्यवहार को जोड़ने के लिए तत्व आप पर जासूसी करने के लिए (सबसे आम तौर पर इस <body> होगा) चाहते हैं कि data-spy="scroll" जोड़ें। फिर data-target विशेषता किसी भी बूटस्ट्रैप .nav घटक के मूल तत्व के आईडी या वर्ग के साथ जोड़ें।

आपके द्वारा पोस्ट किया गया कोड काम नहीं कर रहा था क्योंकि आप #top-fixed-nav (स्क्रॉल ईवेंट) पर जासूसी कर रहे थे।

1

इस प्रयास करें: jsfiddle

अगर Scrollspy अंतिम तत्व पर प्रकाश डाला, आप जोड़ सकते हैं

ऊंचाई: 100%

HTML करने के लिए और शरीर टैग

संबंधित मुद्दे