সিএসএস scroll-behavior

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

#html {
  height: 600px;
  background-color: pink;
}

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

<div id="html">
  <h1>এইচটিএমএল</h1>
  <p>হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ</p>
  <a href="#css">এইচটিএমএল</a>
</div>

<div id="css">
  <h1>সিএসএস</h1>
  <p>ক্যাসকেডিং স্টাইল শিট</p>
  <a href="#html">সিএসএস</a>
</div>

</body>
</html>