Stack Overflow
Stack Overflow

Questions tagged [scrollspy]

ScrollSpy may refer to the MooTools plugin or a similar jQuery plugin, such as the one popularly used in Bootstrap. The script listens to page scrolling and fires events based on the position to which the user has scrolled.

ScrollSpy may refer to the plugin or a similar plugin, such as the one. popularly used in The script listens to page scrolling and fires events based on the position to which the user has scrolled.

346 questions
2
votes
1 answer

In Bootstrap, how can I identify the "active" navigation element?

I'm using Twitter Bootstrap 3.0, using the ScrollSpy plugin to activate my "nav" links as I scroll down. Now I want to automatically update the URL in the address bar (using window.history.pushstate) in response to the ScrollSpy event…
Boinst
  • 3,365
  • 2
  • 38
  • 60
2
votes
1 answer

Bootstrap 3 Scrollspy not working with Affix and Panel

I'm trying to apply the bootstrap ScrollSpy to my affix navbar. There's something I'm missing because I think I've done everything right. Here's my code: …
Wistar
  • 3,770
  • 4
  • 45
  • 70
2
votes
1 answer

Bootstrap ScrollSpy skips section when no more scrollable area

I am having an issue with Bootstrap ScrollSpy in regards to the scrolling position of a selected element. The issue occurs at the bottom of the page, I have multiple relatively short sections of content through out the page. They are collapsed and…
user3084050
  • 21
  • 3
2
votes
2 answers

Using Twitter Bootstrap's Scrollspy to lazy load (load on scroll) async JavaScript?

First, this is how I'd normally load the comments. The HTML markup:
And the JavaScript code…
its_me
  • 10,998
  • 25
  • 82
  • 130
2
votes
1 answer

How to implement `scroll-spy` in such a way that multiple targets can be active at once?

I've been playing around with Bootstrap a lot lately and I'm currently in the process of creating a new template for my website. I've done a lot of searching on this issue, but most of the things I find are for people that can't get scrollspy to…
Joe Majewski
  • 1,611
  • 3
  • 18
  • 31
2
votes
1 answer

Bootstrap Scrollspy doesn't work

Why my scrollspy doesn't work? http://jsfiddle.net/NnREW/
Patrick Leijser
  • 210
  • 4
  • 11
2
votes
1 answer

Jquery Scrollspy needs refresh function

I'm using the Jquery standalaone implementation of Scrollspy. I have a jsfiddle example of my issue here: http://jsfiddle.net/2acyu/66/ The top nav links are highlighted as the page scrolls down through the 3 sections. Works fine! My problem is I…
danjothebanjo
  • 71
  • 2
  • 6
2
votes
1 answer

Bootstrap 3 Scrollspy Activate Event Not Firing

I'm trying to create a site using Bootstrap 3 RC1 with Scrollspy. My web page is pretty simple right now, and is essentially set up like this:
Andrew Hassan
  • 591
  • 2
  • 5
  • 15
2
votes
9 answers

how to change bootstrap scrollspy active link color

I'm using scrollspy with bootstraps nav-pills navbar, and can't seem to change the color of the active links, or the hover color. I've been trying all sorts of combinations and still can't seem to figure out why I can't change the color. Any ideas…
Eric Filkins
  • 329
  • 2
  • 8
  • 23
2
votes
1 answer

Bootstrap - Scrollspy scrolling skipping second to last section

I am having an issue with Bootstrap ScrollSpy in regards to the scrolling position of a selected element. The issue occurs at the bottom of the page, where I have two relatively short sections of content. When I either directly select the Projects…
Herr Josua
  • 453
  • 7
  • 19
2
votes
1 answer

How to get Twitter Bootstrap's Scrollspy plugin to work with LazyLoad

I've got a long page of Divs. Some have images, some have text. I have Scrollspy attached to the navbar, which highlights as I scroll down the list of Divs. Because there are a number of images, i also have LazyLoad installed. The challenge I have…
user1070612
  • 21
  • 1
  • 3
2
votes
1 answer

Bootstrap Scrollspy is not working

I am trying to implement a fixed side menu that updates the active page link with the active class. I placed the scroll spy HTML5 elements on the body, but I am having issues. Can someone check out my page and see if they can determine what's wrong?…
Matt Altepeter
  • 317
  • 2
  • 5
  • 17
1
vote
1 answer

Bootstrap5 scrollspy not working properly on navbar

I am trying to create a scrollspy using bootstrap5.3. I am following the BS5 example to create the html page with the link below. https://stackblitz.com/edit/web-platform-phnijx?file=index.html The are two issues with my current code: the scrollspy…
Xian
  • 11
  • 2
1
vote
1 answer

Bootstrap 5.2.3 Scrollspy spacing / padding issues

I'm trying to create a new template for my portfolio using a list on the left side to orient the viewer and provide an easy way to access sections. I am using Scrollspy in Bootstrap 5.2.3 and things are looking ok except the side list seems to have…
Rachel Max
  • 43
  • 4
1
vote
0 answers

Bootstrap's scrollspy fails to activate upon reaching element

I'm using the scrollspy of Bootstrap-5.2 to update the displayed text whithin the scrollBox, when reaching the top or bottom part (pre-reload-item/post-reload-item). The funktion for the bottom shiftContentDown works fine, but for shiftContentUp it…
lilninj
  • 11
  • 2
1 2 3
…
23 24