JavaScript锚点偏下100px实现方法 - 代码示例

可以使用`window.scrollTo()`方法来实现锚点偏下100px的效果。首先，需要获取到对应的锚点元素的位置，可以使用`Element.offsetTop`属性来获取元素距离父元素顶部的距离。然后，将获取到的位置减去100px，再调用`window.scrollTo()`方法将页面滚动到计算后的位置。\n\n以下是一个实现锚点偏下100px的例子：\n\njavascript\nfunction scrollToAnchor(anchorId) {\n const anchorElement = document.getElementById(anchorId);\n const offsetTop = anchorElement.offsetTop - 100;\n \n window.scrollTo({\n top: offsetTop,\n behavior: 'smooth'\n });\n}\n\n\n在调用`scrollToAnchor()`函数时，需要传入对应的锚点元素的id作为参数。例如，假设有一个锚点元素的id为`myAnchor`，可以通过如下方式调用函数：\n\njavascript\nscrollToAnchor('myAnchor');\n