Scrollintoview混乱

时间:2018-11-06 08:11:40

标签: javascript scroll

我想在单击链接时滚动到特定的div,但我不知道发生了什么。

这是链接上的代码:

onclick="scrolling('.gallery')"

我想将字符串库发送给函数。

功能如下:

  function scrolling (x){
          console.log(document.querySelector(x));
          document.querySelector(x).scrollIntoView();
  }

问题是单击链接时视图不会向下滚动。 但是,控制台日志有效,并且当窗口滚动到该页面时,我在页面上有一个动画,当我单击链接时它会变为活动状态。 就像它立即在那里然后再次回来。

有人知道发生了什么吗?


好的,我菜单正常

<ul>
   <li><a href="#" onclick="scrolling('.gallery')">Home</a></li>
   <li><a href="#">About Us</a></li>
   <li><a href="#">Gallery</a></li>
   <li><a href="#">Contact Us</a></li>
</ul>

,当我单击链接时,我试图使页面滚动到特定的div。 我现在拥有的js代码是这个

function scrolling (x){
  console.log(document.querySelector(x));
  document.querySelector(x).scrollIntoView();
}

0 个答案:

没有答案