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

Bootstrap 4 how to remove first affix when second affix comes to view

I am using bootstrap 4 scrollspy and customized affix.Problem is when second menu comes to view i need to remove the first fixed menu. Check the fiddle here https://jsfiddle.net/raj_mutant/awknd20r/ html:
Pushparaj
  • 1,072
  • 8
  • 29
5
votes
3 answers

Wordpress: How to add Attribute to body

I want to add Scrollspy support to the nav-menu, for that I have to add extra attributes data-spy="scroll" data-target=".navbar" to the body tag. Can I do that pragmatically without touching theme files?
Sevi
  • 863
  • 4
  • 15
  • 33
5
votes
0 answers

Bootstrap scrollspy without class nav

Bootstrap scrollspy need a class nav at
    How can use a custom class without class nav? Like this
      • ...
    Thanks.
aboutjquery
  • 838
  • 2
  • 11
  • 22
5
votes
2 answers

How to use bootstrap scrollspy with collapsible menu?

I have a MCQ Question website. In a exam there may be 100-200 questions from different subject. So I want to make the navigation easier. As the navigation is quite large so I want to open questions under open subject i.e.: when Subject 1 is active,…
Al Amin Chayan
  • 2,460
  • 4
  • 23
  • 41
5
votes
1 answer

Bootstrap 3 Scrollspy remove active state

I have a site using Bootstrap with scrollspy and a fixed header. I have it working fine, but have run into a problem with scrollspy. There are a couple sections on the page that aren't part of the main navigation. When you're in these sections, the…
erh86
  • 55
  • 2
  • 6
5
votes
2 answers

Using the twitter bootstrap scroll spy

I've been trying and trying to get the scroll spy to work on my bootstrap site, but I'm unable to get it to work. The problem I'm having is, scrolling has no effect, wherever I scroll to. You can see what I'm doing here. I've performed all the steps…
Kamran Ahmed
  • 11,809
  • 23
  • 69
  • 101
5
votes
2 answers

Floating Images mess up Bootstrap Scrollspy

I have set up a page using bootstrap. (http://ethnoma.org/about.html) I have a sidebar navigation that is affixed (which is working great). I also am using bootstrap scrollspy on this navigation and all links in the navigation are within the same…
Guategeek
  • 51
  • 2
4
votes
0 answers

last item selected while clicking previous item in bootstrap scrollspy

I have tried to implement navigation bar using bootstrap scrollspy and facing issue while clicking on last before item. Sample: https://www.w3schools.com/code/tryit.asp?filename=G82SSF1PNOIG Step to reproduce: Click the above link and run the…
Karthik Ravichandran
  • 1,205
  • 2
  • 15
  • 25
4
votes
2 answers

Bootstrap Scrollspy not working: Scrollspy is not a function

I'm making a one page website and I'm trying to get the navbar links to reflect what section of the page you're on. I've tried using it through HTML with no success. I had this code on the container that contains my different sections
Kait Jardine
  • 93
  • 1
  • 2
  • 13
4
votes
1 answer

How to implement bootstrap scrollspy in Angular 6?

My code runs with Angular 6 and and Bootstrap 4. In the end I want to have bootstrap's scrollspy component running in this setup. Bootstrap requires jQuery and I do not know how to get it working. HTML
Yaseen Ahmad
  • 1,807
  • 5
  • 25
  • 43
4
votes
1 answer

Simple easing on bootstrap scrollspy

This is pretty simple question I think for those who knows javascript/jquery good. I am pretty new to all this and couldn't make it. I found code that is calculating the offset of navbar that looks like this: var offset = 50; $('.navbar li…
Plavookac
  • 410
  • 9
  • 24
4
votes
2 answers

$.fn is not an object

I'm trying out using scrollspy with bootstrap, and I'm running into some errors with it. The error console keeps returning this: TypeError: 'undefined' is not an object (evaluating '$.fn'), on line 124 of bootstrap-scrollspy.js, which is this line…
scrblnrd3
  • 7,228
  • 9
  • 33
  • 64
4
votes
2 answers

Bootstrap scrollspy and sticky navigation not working together

Having a bit of a problem here mixing two elements! I'm sure you have seen the technique before. A sticky navbar that lives beneath the feature area which then sticks to the top of the page when the user scrolls down. As the user scrolls down the…
user2586473
  • 41
  • 1
  • 4
4
votes
4 answers

Twitter Bootstrap Scrollspy highlighting last item only

I have been working a Twitter Bootstrap Scrollspy plugin, but for the life of me I can not get it to work. Here is the HTML for the content area
Robert E. McIntosh
  • 5,557
  • 4
  • 26
  • 35
4
votes
2 answers

Bootstrap Scrollspy not Adding Active to my LI

I am encountering an issue with Scrollspy. I am able to get the links to point to the correct section, but it is not applying an active class to the currently "selected" li element. You can see the issue on my beta website at:…
Herr Josua
  • 453
  • 7
  • 19
1
2
3
…
23 24