Scroll

Few components and script to help you with scrolling to a point or display a scroll to top button.

Scroll to section

Send your visitors to a specific section of the page by clicking a link. For this purpose, you need to add an ID attribute to your target element. Then, use that ID in value of href attribute of your <a> tag. For example, you have a demo section with following code:

<section id="section-demo"></section>

To scroll to the demo section, you need a link tag with href="#section-demo", so it can scroll to the target element upon click. A sample button is as follow:

<a class="btn btn-primary" href="#section-demo">See demos</a>

Move to scroll top

Scroll top

Include a scroll to top button inside your pages to help user bad to header of page with one click. Add following code to your page, maybe after your footer:

<button class="btn btn-circle btn-primary scroll-top"><i class="fa fa-angle-up"></i></button>