সিএসএস scroll-padding-top

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
html {
  scroll-padding-top: 80px;
}

section {
  height: 500px;
  padding: 20px;
}

#html {
  background-color: pink;
}

#css {
  background-color: yellow;
}
</style>
</head>
<body>

<section id="html">
  <h1>এইচটিএমএল</h1>
  <a href="#css">এইচটিএমএল</a>
</section>

<section id="css">
  <h1>সিএসএস</h1>
  <a href="#html">সিএসএস</a>
</section>

</body>
</html>