如何动画切换到 html 中的不同部分?
How do I animate switching to different sections in html?
我最近开始在我的网站上使用部分,但我讨厌它如何立即将您带到您设置的部分。我在某些网站上看到,当您按下按钮将您带到另一个部分时,它会非常平滑地向下滑动。我一直在 google 上搜索,但没有找到我需要的东西。甚至检查了 inspect element 上的代码,但没有找到任何与我需要的相关的东西。
<p><a href="#haid"></p>
<p id="haid" class="about text-black text-size-big">How am I doing?</p>
您要查找的效果与 css
中的滚动行为有关
CSS
html {
scroll-behavior:smooth;
}
来源:
https://developer.mozilla.org/fr/docs/Web/CSS/scroll-behavior
我最近开始在我的网站上使用部分,但我讨厌它如何立即将您带到您设置的部分。我在某些网站上看到,当您按下按钮将您带到另一个部分时,它会非常平滑地向下滑动。我一直在 google 上搜索,但没有找到我需要的东西。甚至检查了 inspect element 上的代码,但没有找到任何与我需要的相关的东西。
<p><a href="#haid"></p>
<p id="haid" class="about text-black text-size-big">How am I doing?</p>
您要查找的效果与 css
中的滚动行为有关CSS
html {
scroll-behavior:smooth;
}
来源: https://developer.mozilla.org/fr/docs/Web/CSS/scroll-behavior