Href“＃”標簽在Chrome中不起作用

Question

我正在開發一個免費模板“ ritmo ”，但遇到的問題是href＃標簽在chrome中不起作用，但在firefox中起作用

<ul class="nav navbar-nav navbar-right">
<li><a id="GoToHome" class="selected-nav" href="#intro">Home</a></li>
<li><a id="GoToFeatures" href="#features">Features</a></li>
<li><a id="GoToVideo" href="#video">Video</a></li>
<li><a id="GoToTestimonials" href="#testimonials-rotator">Testimonials</a></li> 
<li><a id="GoToFAQ" href="#faq">FAQ</a></li>
<li><a id="GoToSubscribe" href="#newsletter">Subscribe</a></li>
</ul>

這是目標部分

<section id="features"> .... </section>

CSS顯示屬性有什么問題嗎？ 我嘗試了多種解決方案，但不適用於我，這是它們的一些鏈接解決方案1和解決方案2

還是可以說這是由於頁面上Java腳本對href標記的某種限制？

Answer 1

該href的屬性， a標簽應指向另一個a與標簽name設置屬性：

<a id="GoToFeatures" href="#features">Features</a>

指着：

<a name="features">    
  enter code here`<section id="features"> .... </section> 
</a>

Answer 2

好吧，我不是專業程序員。 但是我對chrome有同樣的問題，可以通過這段代碼解決。 像魅力一樣運作。 再一次，堆棧溢出給了我結果。 我最喜歡的網站。 碼：

                                         $(function() {
   $('a[href*="#"]:not([href="#"])').click(function() {
     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
       var target = $(this.hash);
       target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
       if (target.length) {
         $('html, body').animate({
           scrollTop: target.offset().top
         }, 1000);
         return false;
       }
     }
   });
 });