Question

您好我有问题。我需要在点击时从锚点滚动到元素，但是我收到错误：

在属性列表
之后
SyntaxError：missing}

scrollTop：link:function(scope,element,attrs){ scope.addNewfunction(){ scope.apply(function(){ scope.property = value; // assign value to scope property } } }

$( $(this).attr('href') )element.offset().top

锚点在WP导航菜单中

Answer 1

<li>元素没有href属性！
请改用它的孩子<a>元素

＆＃13;

$(document).ready(function(){

    $('nav#site-navigation ul li a').click(function(evt) {
      evt.preventDefault();
      $('html, body').stop().animate({
        scrollTop: $( $(this).attr('href') ).offset().top
      }, 1000);
    });

});

＆＃13;

nav{position:fixed;top:20px;}
.page{height:100vh;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav id="site-navigation">
  <ul>
    <li><a href="#home">HOME</a></li>
    <li><a href="#about">ABOUT</a></li>
    <li><a href="#contact">CONTACT</a></li>
  </ul>
</nav>
<div id="home" class="page">HOME</div>
<div id="about" class="page">ABOUT</div>
<div id="contact" class="page">CONTACT</div>

＆＃13;

另外，请勿忘记使用.stop()清除动画队列

点击滚动到元素

1 个答案: