can we achive smooth scrolling using plain html in...

govindchinnared · 05-14-2021 02:03 AM

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>

</body>
</html>

dchiesa1

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.

govindchinnared

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

can we achive smooth scrolling using plain html in apigee developer portal ?