https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_smooth_scroll
<!DOCTYPE html>
<html>
<head>
<style>
html {
scroll-behavior: smooth;
}
#section1 {
height: 600px;
background-color: pink;
}
#section2 {
height: 600px;
background-color: yellow;
}
</style>
</head>
<body>
<h1>Smooth Scroll</h1>
<div id="section1">
<h2>Section 1</h2>
<p>Click on the link to see the "smooth" scrolling effect.</p>
<a href="#section2">Click Me to Smooth Scroll to Section 2 Below</a>
<p>Note: Remove the scroll-behavior property to remove smooth scrolling.</p>
</div>
<div id="section2">
<h2>Section 2</h2>
<a href="#section1">Click Me to Smooth Scroll to Section 1 Above</a>
</div>
Yes, you can. You may need to update the drupal theme used within the various pages and elements within the pages, to add the scroll-behavior CSS to the elements you want.
Thanks for your response. Is it possible to get smooth scroll with out drupal theme like this bellow plain html .
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_smooth_scroll
User | Count |
---|---|
5 | |
2 | |
1 | |
1 | |
1 |