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
0
votes
1 answer

How to make a Twitter Bootstrap 2.x navbar using scrollspy

I would like to make a Bootstrap navbar using the Scrollspy plugin. When I try to use it, the last
  • tag always remains active but does not let the the other
  • elements go active. If you would like my code:…
    • Darkmag98
    • 11
    • 2
    0
    votes
    1 answer

    How to change background-color in header with scrollpsy on each ID

    I'm using scrollpsy from bootstrap. I made an example of what I'm trying to do: http://jsfiddle.net/te3V4/15/ All is good, he passing one active class to li at each section id, but I want change the background at header at each section For…
    Rodrigo Borba
    • 1
    • 6
    0
    votes
    1 answer

    Scrollspy: Can get to work in JSfiddle but not on actual page?

    I am having an issue with twitter bootstraps scrollspy. I can currently get it to work (remade an example) at http://jsfiddle.net/VLBMV/2/ which is awesome. However, When I convert it to an actual page of any sort. It only makes the last element in…
    user1452407
    • 100
    • 1
    • 11
    0
    votes
    1 answer

    taller navbar breaking the docking position of scrollspy in bootstrap

    I want to change the height of my navbar without breaking the fixed docking behavior off scrollspy in twitter bootstrap. Where can I ajust this setting? Changing the offset property of the nav element doesn't seem to do the trick. Here is an…
    MonkeyBonkey
    • 46,433
    • 78
    • 254
    • 460
    0
    votes
    1 answer

    cannot get scrollspy to work

    I am hving some issues getting bootstrap's scrollspy to work. The output page is generating fine without any javascript errors. But when scrolling I just cant get the CSS class to apply the active. Below is the JSFiddle I've…
    Rick
    • 555
    • 1
    • 12
    • 30
    -1
    votes
    1 answer

    Bootstrap scollspy not functioning

    I'm running into an issue with scrollspy on Bootstrap v5.1. I am following along with the examples within the docs (listed below) however I can't get it to work; nothing seems to change upon scrolling. When the user scrolls on the page, depending on…
    ThatsLiamS
    • 246
    • 1
    • 10
    -1
    votes
    1 answer

    How can I display the current section name in a top dropdown nav using scrollspy?

    I want to display the section's name on the dropdown tab using bootstrap scrollspy. When I scroll now, I only see section (which I would exclude) and I would like to see the current section in the dropdown bar as in when its not opened. So when I…
    AlyssaAlex
    • 696
    • 2
    • 9
    • 33
    -1
    votes
    1 answer

    Angular 5 scrollspy or page scroll feature - issue jumping to section on modal

    Has anyone implemented a scrollspy or page scroll feature in Angular 5? I am aiming to create something like this in a modal: https://getbootstrap.com/docs/4.0/components/scrollspy/. However, if I click on the section link on the navbar, the page…
    Catherine S.
    • 185
    • 1
    • 4
    • 16
    -1
    votes
    2 answers

    I want to make the nav menu as we scroll the page to highlight?

    Here is the example what i want. https://insights.stackoverflow.com/survey/2018?utm_source=hackernewsletter&utm_medium=email&utm_term=code You can see here when you scroll the left menu highlights. Also when there is sub-menu of menu , sub-menu…
    Himanshu sharma
    • 7,487
    • 4
    • 42
    • 75
    -1
    votes
    1 answer

    Change active navbar color for scrollspy

    I'm using Bootstrap scrollspy to update a navbar. I want to change the color of the highlighted active li on the navbar to match the background-color of the matching section.but it is dynamic content I know what data-spy attribute does and how to…
    jasinth premkumar
    • 1,430
    • 1
    • 12
    • 22
    -1
    votes
    1 answer

    Bootstrap's Scrollspy not working at all

    I need help setting the Bootstrap's Scrollspy. I followed the guidelines in the documentation and didn't work. Please help me find the solution to this problem I am using data attributes in the body element and setting the position as relative this…
    mrassili
    • 301
    • 1
    • 5
    • 11
    -1
    votes
    1 answer

    Custom scrollspy jquery only works when handcoded

    I've been stuck with this for a while now. I'm trying to make my own scrollspy. Thing is that it only works when handcoded, and if I try to do it through variables it keeps giving me $(document).ready(function() { setInterval(check,…
    Ferhat Yildirim
    • 25
    • 1
    • 6
    -1
    votes
    2 answers

    How do I get the background color to update on pills with Bootstrap Scrollspy?

    I am trying to use the Bootstrap Scrollspy within a collapsible panel. Everything seems to be working except the pills don't update/change color when I clicked on them. I think I have to change the CSS but I am not sure what I need to…
    MrAutoIt
    • 785
    • 6
    • 21
    -1
    votes
    1 answer

    Weird code making Bootstrap scrollspy work, how do I track the bug?

    So the following selector and definition is somehow allowing my scrollspy to mostly behave the way it is supposed to in Chrome. Without it, the scrollspy jumps to halfway down the screen. The CSS looks like this. ul.scrspy.affix { top:…
    user3594281
    • 19
    • 1
    • 2
    -1
    votes
    1 answer

    BootStrap scrollspy configuration don't work at 100%

    My problem is with scrollspy in BootStrap, don't work as it should. I test any different configuration in the web and not works. You can see the problem on my site, when scrolling the menu does not work well. I'm new using BootStrap, I have tried…
    user3015808
    • 3
    • 1
    1 2 3
    …
    23
    24