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

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

sections hyperlink animation css html

shellz · 技术社区 · 2 年前

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

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

1 回复 | 直到 2 年前

horhorou 2 年前

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

CSS

html {
  scroll-behavior:smooth;
}

推荐文章

Ahmed Zaidan · 快速ui转换无法按预期工作

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Armand · 为什么我的图像与另一个图像相交时不会被删除

1 年前

Frakcool · 满足条件时,SwiftUI动画背景颜色更改

2 年前

Ancross · 为什么我的小CSS动画不会触发?

2 年前

C.Bernabei · 灯丝动画混合

2 年前

Tom · 移动球体动画

2 年前

Tom · 设置两个圆的动画

2 年前

Neo78 · CSS动画将返回其原始位置,但不应该

2 年前

Wikson · 我想在滚动时启动JS函数

2 年前