Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
scrollspy.js 4.52 KiB
1 
/* ========================================================================
2 
 * Bootstrap: scrollspy.js v3.0.0
3 
 * http://getbootstrap.com/javascript/#scrollspy
4 
 * ========================================================================
5 
 * Copyright 2013 Twitter, Inc.
6 
 *
7 
 * Licensed under the Apache License, Version 2.0 (the "License");
8 
 * you may not use this file except in compliance with the License.
9 
 * You may obtain a copy of the License at
10 
 *
11 
 * http://www.apache.org/licenses/LICENSE-2.0
12 
 *
13 
 * Unless required by applicable law or agreed to in writing, software
14 
 * distributed under the License is distributed on an "AS IS" BASIS,
15 
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 
 * See the License for the specific language governing permissions and
17 
 * limitations under the License.
18 
 * ======================================================================== */
19
20
21 
+function ($) { "use strict";
22
23 
  // SCROLLSPY CLASS DEFINITION
24 
  // ==========================
25
26 
  function ScrollSpy(element, options) {
27 
    var href
28 
    var process  = $.proxy(this.process, this)
29
30 
    this.$element       = $(element).is('body') ? $(window) : $(element)
31 
    this.$body          = $('body')
32 
    this.$scrollElement = this.$element.on('scroll.bs.scroll-spy.data-api', process)
33 
    this.options        = $.extend({}, ScrollSpy.DEFAULTS, options)
34 
    this.selector       = (this.options.target
35 
      || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
36 
      || '') + ' .nav li > a'
37 
    this.offsets        = $([])
38 
    this.targets        = $([])
39 
    this.activeTarget   = null
40
41 
    this.refresh()
42 
    this.process()
43 
  }
44
45 
  ScrollSpy.DEFAULTS = {
46 
    offset: 10
47 
  }
48
49 
  ScrollSpy.prototype.refresh = function () {
50 
    var offsetMethod = this.$element[0] == window ? 'offset' : 'position'
51
52 
    this.offsets = $([])
53 
    this.targets = $([])
54
55 
    var self     = this
56 
    var $targets = 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 = /^#\w/.test(href) && $(href)
62
63 
        return ($href
64 
          && $href.length
65 
          && [[ $href[offsetMethod]().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]]) || null
66 
      })
67 
      .sort(function (a, b) { return a[0] - b[0] })
68 
      .each(function () {
69 
        self.offsets.push(this[0])
70 
        self.targets.push(this[1])
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
}) } ScrollSpy.prototype.process = function () { var scrollTop = this.$scrollElement.scrollTop() + this.options.offset var scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight var maxScroll = 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.last()[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) .parents('.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') } // SCROLLSPY PLUGIN DEFINITION // =========================== var old = $.fn.scrollspy $.fn.scrollspy = function (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]() }) } $.fn.scrollspy.Constructor = ScrollSpy // SCROLLSPY NO CONFLICT // =====================
141142143144145146147148149150151152153154155156157158159
$.fn.scrollspy.noConflict = function () { $.fn.scrollspy = old return this } // SCROLLSPY DATA-API // ================== $(window).on('load', function () { $('[data-spy="scroll"]').each(function () { var $spy = $(this) $spy.scrollspy($spy.data()) }) }) }(window.jQuery);