Javascript 去上课不工作

Javascript 去上课不工作,javascript,html,Javascript,Html,需要有关scrollTo功能的帮助,该功能当前不起作用(单击时不执行任何操作) Js: $('#Sb').click(function(e) { e.preventDefault(); document.querySelector('.screen_3').scrollIntoView(); }); <ul> <li><a id="Sb" href="">Services</a></li> <li>

需要有关
scrollTo
功能的帮助,该功能当前不起作用(单击时不执行任何操作)

Js:

$('#Sb').click(function(e) {
  e.preventDefault();
  document.querySelector('.screen_3').scrollIntoView();
});
<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>
<section id="container" class="screen_3">
      <p class="text_1">Our Services</p>
      ...
</section>
HTML(导航):

$('#Sb').click(function(e) {
  e.preventDefault();
  document.querySelector('.screen_3').scrollIntoView();
});
<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>
<section id="container" class="screen_3">
      <p class="text_1">Our Services</p>
      ...
</section>
HTML(正文):

$('#Sb').click(function(e) {
  e.preventDefault();
  document.querySelector('.screen_3').scrollIntoView();
});
<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>
<section id="container" class="screen_3">
      <p class="text_1">Our Services</p>
      ...
</section>

我们的服务

...
单击链接时不会发生任何情况使用以下方法:

$('#Sb>a').on('click', function(e) {
    e.preventDefault();
    window.scrollTo(0,document.querySelector(".screen_3").offsetTop);
});
如果要在
a
标记中添加id,请使用下面的代码:

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


您似乎缺少ID选择器前缀。应该是
$('#Sb')。单击(…
@Phil仍然相同,您的问题看起来仍然相同。您安装了jQuery吗?控制台中是否有错误?您是否尝试过任何调试?兑现事件是错误的,只需使用
e.preventDefault();
,但您必须将其传递到您的函数中,就像我下面的回答
一样('click',function(e){e.preventDefault();
$('#Sb')。on('click',function(){window.scrollTo(0,document.querySelector(.screen_3”).offsetTop);}这就是它应该是什么样子及其NotWorkingerError?右键单击浏览器窗口(页面中间)并单击“检查”,然后转到“控制台”tab写回您认为是错误的内容。我从未遇到过任何错误。仅供参考,您需要捕获
上的单击事件,而不是
  • ,以防止出现默认事件action@Phil+1他在
    li
    上绑定事件,而不是在锚上,我错过了,泰