Question

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

JS：

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

HTML（导航）：

<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（正文）：

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

单击链接snippet

时没有任何反应

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

scrollTo类无法正常工作

1 个答案: