2016-01-18 62 views
0

我現在在使用scrollNav.js和我的HTML融合後,我發現在我的HTML中有一些額外的div顯示。在我的html文件中隱藏div

但我只能通過Google Devtools(f12)檢測到這個div。這甚至有可能嗎?

這是我的HTML文件:

<section id="scrollNav-1" class="home scroll-nav_section"> 
       <div class="container"> 

        <div class="tagline post-article"> <!--row1--> 

         <h2>HI !</h2> 
        </div> 

這是div根據DevTools(F12)

<section id="scrollNav-1" class="home scroll-nav_section"> 
       <div class="container"> 

        <nav class="scroll-nav fixed" role="navigation"><div class="scroll-nav__wrapper"><span class="scroll-nav__heading">Scroll To</span><ol class="scroll-nav__list"><li class="scroll-nav__item active in-view"><a href="#scrollNav-1" class="scroll-nav__link">HI !</a></li></ol></div></nav><div class="tagline post-article"> <!--row1--> 

         <section id="scrollNav-1" class="scroll-nav__section"><h2>HI !</h2></section> 
        </div> 

*我現在的更新,現在是我能夠刪除「滾動到「通過在showheadline中鍵入False,並通過設置顯示:none 併成爲如下所示:

但是,這不是我想要的結果。我希望它變得晶瑩剔透,它來自哪裏以及如何克服它而不是隱藏它。

<section id="scrollNav-1" class="home scroll-nav_section"> 
       <div class="container"> 

        <nav class="scroll-nav fixed" role="navigation"><div class="scroll-nav__wrapper"><ol class="scroll-nav__list"><li class="scroll-nav__item active in-view"><a href="#scrollNav-1" class="scroll-nav__link">HI !</a></li></ol></div></nav><div class="tagline post-article"> <!--row1--> 

         <section id="scrollNav-1" class="scroll-nav__section"><h2>HI !</h2></section> 
        </div> 

腳本:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <script type="text/javascript" src="js/scrollNav/jquery.scrollNav.min.js"></script> 
    <script>  
     $('.post-article').scrollNav({ 
      sections: 'h2', 
      subSections: false, 
      sectionElem: 'section', 
      className: 'scroll-nav', 
      showHeadline: false, 
      showTopLink: false, 
      topLinkText: 'Top', 
      fixedMargin: 40, 
      scrollOffset: 40, 
      animated: true, 
      speed: 500, 
      insertTarget: this.selector, 
      insertLocation: 'insertBefore', 
      arrowKeys: false, 
      scrollToHash: true, 
      onInit: null, 
      onRender: null, 
      onDestroy: null 
     }); 

    </script> 

如何刪除多餘的div,我甚至不知道它是從哪裏來的?

回答

0

額外的div不是額外的。它是由您正在使用的scrollnav庫創建的。許多插件和庫在dom上創建額外的元素以添加它們的功能。沒什麼可擔心的:)

+0

問題是我想擺脫其中的文字。我怎麼做?因爲它在我的HTML文件中沒有任何好處。它添加了不相關的附加文本。 我該如何擺脫它? – Vivorico