代码之家 › 专栏 › 技术社区 › shellz

如何在html中设置切换到不同部分的动画?

sections hyperlink animation css html

shellz · 技术社区 · 4 年前

我最近开始在我的网站上使用分区,但我讨厌它马上就把你带到你设定的分区。我在一些网站上看到,当你按下一个按钮将你带到另一个部分时,它会非常平稳地向下滑动。我一直在谷歌上搜索,但没有找到我需要的东西。甚至检查了inspect元素上的代码,但没有找到任何与我需要的内容相关的内容。

<p><a href="#haid">ð¡£</p>
<p id="haid" class="about text-black text-size-big">How am I doing?</p>

1 回复 | 直到 4 年前

horhorou 4 年前

你正在寻找的效果与css中的滚动行为有关

CSS

html {
  scroll-behavior:smooth;
}

推荐文章

furynerd · 如何使用超链接在浏览器中直接打开base64 svg

2 年前

MrMagoo8888 · 为什么这个链接列表在HTML中不起作用?[关闭]

2 年前

John Xie · 如何制作下一个。链接中的JS链接只会打开一个带有内部网址的新标签页,而不会重定向到外部网址?

2 年前

travelsforfood · 如何不针对侧边栏

2 年前

skyewasthelimit · 如何使用<Link>执行类似JS React中的“window.location=”/GameOverDied“;”的操作?

2 年前

Jordan Fritztiono · 无法访问除我的html主页之外的其他页面

2 年前

Raymart Calinao · 在新创建的子文件夹上渲染页面

2 年前

Kotaka Danski · 阻止`<a>`标记重定向

2 年前

Roni Jack Vituli · 如何使用Python在Google Sheets的单个单元格中添加多个超链接?

3 年前

lizmosis · 为什么当我使用jquery更改锚标记的href时,它只是将链接放在当前url的末尾?

3 年前