2012-07-17 18 views
5

यहां समस्या का सामना करना पड़ रहा है।बूटस्ट्रैप स्क्रोलस्पी काम नहीं कर रहा है

http://bittu.github.com/folderGrid/

यह पहली बार अंतिम टैब पर प्रकाश डाला जाता है और जब स्क्रॉल यह पुस्तक के प्रत्येक चरण पर केवल दो टैग के बीच स्विच करता है।

यहां इस्तेमाल किए गए कोड का छोटा स्निपेट है।

<body data-spy="scroll" data-target=".subnav" data-offset="50"> 

<div class="subnav"> 
    <ul class="nav nav-pills"> 
     <li><a href="#contents">Contents</a></li> 
     <li><a href="#config">Config Options</a></li> 
     <li><a href="#usage">Usage</a></li> 
     <li><a href="#examples">Examples</a></li> 
    </ul> 
</div> 

<div class="row"> 
    <div class="span12"> 
     <section id="contents"> 
      .... 
     </section> 
     <section id="config"> 
      .... 
     </section> 
     <section id="usage"> 
      .... 
     </section> 
     <section id="examples"> 
      .... 
     </section> 
    </div> 
</div> 

सभी आवश्यक फाइलें शामिल हैं। और data-offset

+0

में स्विच करने से यह समाधान हो गया है? स्निपेट काम कर रहा प्रतीत होता है। किस उत्तर ने आपकी समस्या तय की है? –

उत्तर

0

ट्विटर के बूटस्ट्रैप subnav कक्षा को परिभाषित नहीं करता है। यह बूटस्ट्रैप के लिए ट्विटर के पेज में प्रदान किया गया है, लेकिन इसका पुन: उपयोग करने के लिए आपको अपने कोड को CSS से कुछ कोड शामिल करना होगा। यह विशेष रूप से इस विशेष पृष्ठ के लिए डिज़ाइन किया गया है। स्क्रॉल करते समय सुब्नाव स्थिति को ठीक कर रहा है, यह देखने के लिए कि यह कैसे काम करता है, सीएसएस और JS पर एक नज़र डालें।

+1

मैंने अपने सीएसएस के साथ-साथ जेएस को नौसेना को शीर्ष पर रखने के लिए जेएस भी शामिल किया है ... अच्छा कृपया प्रश्न में मेरा लिंक देखें ... यह मेरी समस्या का एक लाइव कामकाजी उदाहरण है ... – Sandeep

0

मुझे कुछ घंटे पहले भी इस समस्या का सामना करना पड़ा। मैं इसे उसी तरीके से उपयोग करता हूं (body पर जासूसी करें और लक्ष्य के रूप में section का उपयोग करें)। अंत में, मैंने पाया कि फ़ाइल की शुरुआत में मुझे बस <!DOCTYPE html> याद आया, हालांकि मैंने आपकी डेमो साइट की जांच की है और पहले से ही एक HTML5 घोषणा है।

तरह से मैं बूटस्ट्रैप v2.1

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