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
0 answers

react-scrollable-anchor stops working when wrapped in 100vh

I am trying to fix this top heading while keeping the scrollspy working but to fix it either I have to use position fixed and then it takes the width of the whole page or I tried using position sticky with top 0 but it doesn't work and as soon as I…
Toshi Sharma
  • 23
  • 4
2
votes
1 answer

Bootstrap 4 - how to make scrollspy work without using nav or list-group?

Is there a way to make scrollspy work without using nav or list-group? Bootstrap documentation for scrollspy states that it may be used only on nav or list group components. DOCUMENTATION How it works Scrollspy has a few requirements to function…
Jakub Muda
  • 6,008
  • 10
  • 37
  • 56
2
votes
0 answers

Bootstrap-Vue scrollspy not working

Is anyone familiar with Bootstrap-Vue scrollspy? I have this component and tried to imitate this fiddle: https://jsfiddle.net/u96u7uta/. Right now, the scrollspy isn't working and instead goes to each separate component by itself, rather than…
lnamba
  • 1,681
  • 3
  • 18
  • 26
2
votes
1 answer

Navigation not updating with Bootstrap ScrollSpy

I can't get my navigation items to show as "active" using bootstrap ScrollSpy. I've included bootstrap.js (Bootstrap v4.0.0-alpha.5) and jquery.min.js (3.1.1). I have set the data-spy and data-target in the body element as follows;
Michael Ruta
  • 345
  • 3
  • 7
  • 13
2
votes
4 answers

Active navbar link background color sticking to its default

Have added custom CSS for active li elements of navbar . But they seem to be picking the default black background color. I want to change its background color to #428BCA. Other elements of navbar are changing their colors according to the code. My…
Mukund Mittal
  • 45
  • 9
2
votes
1 answer

Bootstrap Scrollspy not working with Elm

I am using an index.html to include JavaScript such as jQuery and Bootstrap. Also, an Elm-Application gets injected into the body-node. The entire view is then produced by Elm. Within the new there is a Bootstrap-navigation which should include the…
Philipp Meissner
  • 5,273
  • 5
  • 34
  • 59
2
votes
0 answers

Scrollspy not working properly for last few elements

I am trying to use Scrollspy to highlight navbar elements. HTML:
2
votes
0 answers

Bootstrap nav bar flickers briefly before sticking to top

I have a Bootstrap 3 page here: http://mj-test.azurewebsites.net/ On a fullsize desktop browser (latest Chrome, 1000px minimum width), it has navigation that starts at the bottom of the page; as you scroll down, it sticks to the top of the page.…
Alex
  • 34,699
  • 13
  • 75
  • 158
2
votes
1 answer

Flexslider and scrollspy are conflicting with each other

I'm using a template. I have implemented flexslider twice in a page. But after that I'm having a issue with scrollspy. I have tried every solutions I've found here or on the web, but no luck yet. The issue is when i select the "mission" from…
8bitrebellion
  • 180
  • 1
  • 2
  • 12
2
votes
2 answers

Bootstrap 3 scrollspy - detect scroll on div

I want to use the scrollspy to do something it's not necessarily designed for, yet it may do the job. I have a div #myTarget and I simply want to detect when it scrolled to the top of the .container and do something each time it does so. HTML:
Marek
  • 307
  • 3
  • 13
2
votes
0 answers

Bootstrap scrollspy works until I click header/nav link

I'm trying to use scrollspy for my fixed header nav, and it works correctly when I initially load the page. However, if I click one of the links in the header to jump to that section, that link that I just clicked will no longer show as active when…
Major Major
  • 2,697
  • 3
  • 27
  • 35
2
votes
3 answers

Updating address bar window.location hash with scrollspy

I've got a menu with scrollspy (using twitter boostrap). I want update the window.location.hash when the user scrolls down to a next section. The following code works when the user scrolls down: $(window).on('activate.bs.scrollspy', function (e) { …
d_inevitable
  • 4,381
  • 2
  • 29
  • 48
2
votes
1 answer

Scrollspy and body height 100%

I'm trying to fix bootstrap scrollspy on my website in some browsers. I found (and already saw a lot of discussions) that scrollspy doesn't work somewhere because of height 100% on body element. I've created simple webpage with this problem (works…
user2595304
  • 216
  • 1
  • 5
  • 13
2
votes
2 answers

bootstrap scrollspy bug when resizing browser

Hello Stackoverflow bootstrappers! I don't see that this question has been asked before, and I am really interested to see the outcome. How to duplicate the bug: Open the page: (my current url testing this bug) http://dnwebdev.com/dev/ Resize the…
user3196599
1 2 3
…
23 24