Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
scrollspy.js 4.46 KiB
1 
/* ========================================================================
2 
 * Bootstrap: scrollspy.js v3.1.1
3 
 * http://getbootstrap.com/javascript/#scrollspy
4 
 * ========================================================================
5 
 * Copyright 2011-2014 Twitter, Inc.
6 
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
7 
 * ======================================================================== */
8
9
10 
(function (o_o) {
11 
  typeof define  === 'function' && define.amd ? define(['jquery'], o_o) :
12 
  typeof exports === 'object' ? o_o(require('jquery')) : o_o(this.jQuery)
13 
})(function ($) {
14
15 
  'use strict';
16
17 
  // SCROLLSPY CLASS DEFINITION
18 
  // ==========================
19
20 
  function ScrollSpy(element, options) {
21 
    var process  = $.proxy(this.process, this)
22
23 
    this.$body          = $('body')
24 
    this.$scrollElement = $(element).is('body') ? $(window) : $(element)
25 
    this.options        = $.extend({}, ScrollSpy.DEFAULTS, options)
26 
    this.selector       = (this.options.target || '') + ' .nav li > a'
27 
    this.offsets        = []
28 
    this.targets        = []
29 
    this.activeTarget   = null
30
31 
    this.$scrollElement.on('scroll.bs.scrollspy', process)
32 
    this.refresh()
33 
    this.process()
34 
  }
35
36 
  ScrollSpy.VERSION  = '3.1.1'
37
38 
  ScrollSpy.DEFAULTS = {
39 
    offset: 10
40 
  }
41
42 
  ScrollSpy.prototype.refresh = function () {
43 
    var offsetMethod = 'offset'
44 
    var offsetBase   = 0
45
46 
    if (!$.isWindow(this.$scrollElement[0])) {
47 
      offsetMethod = 'position'
48 
      offsetBase   = this.$scrollElement.scrollTop()
49 
    }
50
51 
    this.offsets = []
52 
    this.targets = []
53
54 
    var self     = this
55
56 
    this.$body
57 
      .find(this.selector)
58 
      .map(function () {
59 
        var $el   = $(this)
60 
        var href  = $el.data('target') || $el.attr('href')
61 
        var $href = /^#./.test(href) && $(href)
62
63 
        return ($href
64 
          && $href.length
65 
          && $href.is(':visible')
66 
          && [[$href[offsetMethod]().top + offsetBase, href]]) || null
67 
      })
68 
      .sort(function (a, b) { return a[0] - b[0] })
69 
      .each(function () {
70 
        self.offsets.push(this[0])
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
self.targets.push(this[1]) }) } ScrollSpy.prototype.process = function () { var scrollTop = this.$scrollElement.scrollTop() + this.options.offset var scrollHeight = this.$scrollElement[0].scrollHeight || Math.max(this.$body[0].scrollHeight, document.documentElement.scrollHeight) var maxScroll = this.options.offset + scrollHeight - this.$scrollElement.height() var offsets = this.offsets var targets = this.targets var activeTarget = this.activeTarget var i if (scrollTop >= maxScroll) { return activeTarget != (i = targets[targets.length - 1]) && this.activate(i) } if (activeTarget && scrollTop <= offsets[0]) { return activeTarget != (i = targets[0]) && this.activate(i) } for (i = offsets.length; i--;) { activeTarget != targets[i] && scrollTop >= offsets[i] && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) && this.activate(targets[i]) } } ScrollSpy.prototype.activate = function (target) { this.activeTarget = target $(this.selector) .parentsUntil(this.options.target, '.active') .removeClass('active') var selector = this.selector + '[data-target="' + target + '"],' + this.selector + '[href="' + target + '"]' var active = $(selector) .parents('li') .addClass('active') if (active.parent('.dropdown-menu').length) { active = active .closest('li.dropdown') .addClass('active') } active.trigger('activate.bs.scrollspy') } // SCROLLSPY PLUGIN DEFINITION // =========================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.scrollspy') var options = typeof option == 'object' && option if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.scrollspy
141142143144145146147148149150151152153154155156157158159160161162163164165
$.fn.scrollspy = Plugin $.fn.scrollspy.Constructor = ScrollSpy // SCROLLSPY NO CONFLICT // ===================== $.fn.scrollspy.noConflict = function () { $.fn.scrollspy = old return this } // SCROLLSPY DATA-API // ================== $(window).on('load.bs.scrollspy.data-api', function () { $('[data-spy="scroll"]').each(function () { var $spy = $(this) Plugin.call($spy, $spy.data()) }) }) });