---
# System prepended metadata

title: CSS - scroll-behavior
tags: [CSS]

---

# CSS - scroll-behavior

`scroll-behavior
`
屬性有`auto`, `smooth`

可使點連結跳至#id錨點時，畫面平滑移動

<iframe height="320" style="width: 100%;" scrolling="no" title="scroll-behavior" src="https://codepen.io/shr-huan-huang/embed/QWvBGQE?default-tab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href="https://codepen.io/shr-huan-huang/pen/QWvBGQE">
  scroll-behavior</a> by Shr Huan Huang (<a href="https://codepen.io/shr-huan-huang">@shr-huan-huang</a>)
  on <a href="https://codepen.io">CodePen</a>.
</iframe>





###### tags: `CSS`