Scrollspy In Bootstrap 4

Scrollspy In Bootstrap 4

It is an effect of the page when you scroll the menu automatically active.

 To do so you need

• data-spy="scroll"
• position:relative
• data-target="id"
• fixed-top
• data-offset

To achieve this add fixed-top class to your navbar. Make changes in your CSS file and add 

position: relative; padding-top: 100px (as you require acc to your navigation) in body class.

Add inside body tag the following: data-spy="scroll" data-target="#your nav id" data-offset="100 (same as padding top)"

There are need to fix every section with padding same as an offset so that offset work fine.

Here is the practical link: https://codepen.io/preptuts/pen/ReaLMO