Javascript 如何从“点”向下移动一些像素；id"；当您单击网页中的某个选项时？

这段代码是我正在设计的网页菜单栏中的一个选项

单击该选项后，我希望它将从

id=about

向下移动X像素

---

我该怎么做？我是一个初学者，非常感谢您的帮助。

因此，如果您希望页面滚动到元素顶部下方的50px，您可以执行以下操作：

$("li a").click(function(e) {
    e.preventDefault();
    var targetElement = $($(this).attr('href')); // select the element by grabbing the href of the clicked link
    $('html, body').animate({
        scrollTop: targetElement.offset().top + 50
    }, 2000);
}); 

---

我找到了一个没有JavaScript的解决方案：

要跳转到的位置：

<a class="anchor" id="about_jump"></a>
<div id="about">
    ... 
</div>

.anchor{
    display: block; 
    position: relative; 
    top: +50px; 
    visibility: hidden;
}

谢谢你的回答，但同时也很抱歉，因为我对HTML5/CSS越来越熟悉，我如何将其集成到我的HTML代码中？谢谢。您需要在结束正文标记之前包含jQuery。然后，在标记中包含上述代码。做一些关于在页面上包含jQuery的研究。好的，顺便说一句，谢谢，我会做一些研究。我在body结束标记之前做这些，但它不起作用。

$（“LIA”）。单击（function（）{var targetElement=$（$（this.attr（'href'））；$（'html，body'）。动画（{scrollTop:targetElement.offset（）.top+200}，2000）；}）检查开发人员控制台，查看您得到的错误。是否包含jQuery？请参阅本页：
<li class="about"><a href="#about_jump">Nosotros</a></li>