ScrollSpy not working

ScrollSpy not working
0

#1

Hi, I am tyrying to build my portfolio, but I am not able to make ScrollSpy work.
I have tried to follow this tutorial but it didn’t work for me. I’ve also checked the console but there are not related errors.
You can check my code here.

I really appreciate your help


[Solved] Help with ScrollSpy
#2

I just checked it and it was working alright. Maybe you wanted it to do something else but scroll-spy is doing its job.


#3

I want it to highlight the current section at the navbar, but I cannot see it through my browser, while it is working on the example project


#4

bacically scrollspy connects your nav bar to the place you want it to connect to. What it means is that if you click on contacts, it scrolls to the contact session.


#5

According to W3Schools

The Scrollspy plugin is used to automatically update links in a navigation list based on scroll position.

And that’s what I want it to do. If you see the example given, navbar items style changes when scrolling down along the page, and that’s what I want my page to do.

If you check the example project, you can see that each link at the navbar changes (background becames white) when scrolling down to the related section.


#6

You’re missing class="nav nav-tabs" role="tablist" from the ul

Fork: https://codepen.io/Malgalin/pen/ZOVWKk?editors=1000

Source: http://getbootstrap.com/javascript/#via-data-attributes-2


#7

That solved my problem. Thank you so much for your time and help :slight_smile: