How to use Twitter Bootstrap ScrollSpy to execute a function

Question

I would like to load more data after ScrollSpy receives a notification. But I do not see how to capture this event and execute a function.

+5

opengrid Feb 18 '12 at 18:03

3 answers

Merk maloney · Answer 1 · 2012-04-23T22:05:14+0000

UPDATED Now this trigger has been included in the main assembly. You can see it in full. http://twitter.github.com/bootstrap/javascript.html#scrollspy

There is an update in the github work branch that will activate the activation callback.

References

As soon as you take an activating trigger, you can call it like this:

$("#nav li").on('activate', function() {
   //do stuff
});

alex · Answer 2 · 2016-01-25T09:02:18+0000

3 : docs)

$('#myScrollspy').on('activate.bs.scrollspy', function () {
  // do something…
})

dferenc · Answer 3 · 2018-01-18T21:23:34+0000

Bootstrap 4 (beta 3):
Scrollspy Bootstrap 3. Events Scrollspy, activate.bs.scrollspy - data-spy="scroll" - , Scrollspy. :

$('[data-spy="scroll"]').on('activate.bs.scrollspy', function(event) {
    console.log('activate.bs.scrollspy', event);
})

!
, Scrollspy <body>, activate.bs.scrollspy window.
, Scrollspy :

$(window).on('activate.bs.scrollspy', function (event) {
    console.log('activate.bs.scrollspy', event);
})