×

Html & Html5

The World's best Software Development Study Portal

Bootstrap Scrollspy (Advanced)


It is used to update the links automatically in the navigation list based on the scroll position. Means in a navigation bar we can update the links in which our hidden content or image can be there. Here the data-spy="scroll" is use to add scroll on the webpage. And than we have to target our navbar with the scrollable area so this we can do by adding data-target=".navbar" also we have to take care about scrollable elements must match to the ID which is inside the navbar list .
Let’s understand this by the following program:-






Output of this Program


Section 1

Hey this is section 1

Section 2

Hey this is section 2

Section 3

Hey this is section 3


So here we get our scrollpy , where you can see as soon as you click on clicking.








Bootstrap 4 training insitute | Best IT Training classes in Gurgaon | Web Designing Training Institute