Href"#"标记在Chrome中无效

时间:2015-12-28 08:09:06

标签: html html5

我正在使用免费模板" ritmo "但面临一个问题,即href#tags在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显示属性有什么问题吗?我尝试了多种解决方案但不适用于我,这里有一些链接Solution 1Solution 2

或者我们可以说这是由于页面上的java脚本对href标签的某种限制吗?

2 个答案:

答案 0 :(得分:0)

href标记中的a属性应指向另一个a标记,并设置name属性:

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

指向:

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

答案 1 :(得分:0)

好吧,我不是专家程序员。但是我遇到了与chrome相同的问题,它解决了这段代码。像魅力一样工作。 Once Again Stack溢出给了我结果。我最喜欢的网站。 代码:

                                         $(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;
       }
     }
   });
 });