如何使用 JavaScript 实现页面加载后滚动到指定帖子位置

您可以使用JavaScript来实现在页面加载完成后滚动到指定的帖子位置。以下是一个示例代码：\n\njavascript\n// 获取url中的id参数\nconst urlParams = new URLSearchParams(window.location.search);\nconst discussionId = urlParams.get('id');\n\n// 获取要滚动到的帖子位置\nconst scrollToPostId = 47;\n\n// 在页面加载完成后执行滚动操作\nwindow.addEventListener('load', () => {\n // 获取要滚动的元素\n const postElement = document.querySelector(`#posts-${scrollToPostId}`);\n\n // 检查元素是否存在并执行滚动操作\n if (postElement) {\n postElement.scrollIntoView();\n }\n});\n\n\n在上述代码中，我们首先获取URL中的id参数，并将其存储在discussionId变量中。然后，我们定义要滚动到的帖子位置为scrollToPostId变量的值（在这个例子中是47）。\n\n接下来，我们使用window.addEventListener('load', ...)来在页面加载完成后执行滚动操作。在事件处理程序中，我们使用document.querySelector来获取要滚动的帖子元素，选择器中使用#posts-前缀加上要滚动到的帖子ID。然后，我们检查该元素是否存在，并使用scrollIntoView方法进行滚动操作。\n\n请记得将代码放置在页面加载完成之后执行的JavaScript文件中或将其包装在DOMContentLoaded事件处理程序中，以确保DOM元素已经存在并可以被选择。