Scrollto类不起作用

Question

需要您对scrollTo功能的帮助，该功能目前无法正常工作（单击不执行任何操作）

JS：

$('#Sb').click(function(e) {
  e.preventDefault();
  document.querySelector('.screen_3').scrollIntoView();
});

html（nav）：

<ul>
    <li><a id="Sb" href="">Services</a></li>
    <li><a href="">About Us</a></li>
    <li><a href="">Contact Us</a></li>
    <li><a href="">Our works</a></li>
</ul>

html（body）：

<section id="container" class="screen_3">
      <p class="text_1">Our Services</p>
      ...
</section>

单击链接摘要

Answer 1

使用以下：

$('#Sb>a').on('click', function(e) {
    e.preventDefault();
    window.scrollTo(0,document.querySelector(".screen_3").offsetTop);
});

如果要在a标签中添加ID而是li使用以下代码：

$('#Sb').on('click', function(e) {
    e.preventDefault();
    window.scrollTo(0,document.querySelector(".screen_3").offsetTop);
});

请阅读此书jQuery api

JSFIDDLE