如何通过平滑滚动重定向到不同页面上的特定 div

Posted 2023-05-08

【中文标题】如何通过平滑滚动重定向到不同页面上的特定 div

【英文标题】：how to Redirect to a specific div on a different page with smooth scroll

【发布时间】：2020-07-14 07:38:06

【问题描述】：

我正在学习制作一个网站，并在使用“阅读”按钮的食谱部分实现锚链接时，它是成功重定向的食谱部分，但问题是如何实现平滑滚动？ 请在https://ginzer2.imfast.io/ 下方找到链接，这是使用 bootstrap 3 制作的。请帮助实现这一目标

【参考方案1】：

请参阅文档here

       const elem = document.querySelector('#element_id')
       elem.scrollIntoView(
          behavior: 'smooth',
          block: 'start'
        );

【讨论】：

链接呈现到未找到的页面，你能解释一下那里的 html 元素是什么

仍然无法复制平滑滚动不起作用。请检查提供的链接ginzer2.imfast.io

你可以尝试将这种样式添加到重定向页面 - ``` html scroll-behavior: smooth; ``` w3schools.com/howto/howto_css_smooth_scroll.asp