ascribe/wp-theme
1
0
Fork 0
mirror of https://github.com/ascribe/wp-theme synced 2024-12-22 09:13:38 +01:00
Code Issues Releases Wiki Activity

toc.js: fix wrong link being highlighted when page length changes dynamically

Browse Source 
- from https://github.com/jgallen23/toc/pull/48
This commit is contained in:
Matthias Kretschmann 2016-03-12 19:25:24 +01:00
parent 5580ae658d
commit 866e504a82
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
assets/_src/js/vendor/toc.js vendored
View File

@ -59,9 +59,17 @@
var container = $(opts.container); var container = $(opts.container);
var headings = $(opts.selectors, container); var headings = $(opts.selectors, container);
var headingOffsets = [];
var activeClassName = opts.activeClass; var activeClassName = opts.activeClass;
var headingOffsets = function() {
var offsets = [];
headings.each(function(i, heading) {
var $h = $(heading);
offsets.push($h.offset().top - opts.highlightOffset);
});
return offsets;
};
var scrollTo = function(e, callback) { var scrollTo = function(e, callback) {
if (opts.smoothScrolling && typeof opts.smoothScrolling === 'function') { if (opts.smoothScrolling && typeof opts.smoothScrolling === 'function') {
e.preventDefault(); e.preventDefault();
@ -82,10 +90,11 @@
timeout = setTimeout(function() { timeout = setTimeout(function() {
var top = $(window).scrollTop(), var top = $(window).scrollTop(),
highlighted, closest = Number.MAX_VALUE, highlighted, closest = Number.MAX_VALUE,
index = 0; index = 0
offsets = headingOffsets();
for (var i = 0, c = headingOffsets.length; i < c; i++) { for (var i = 0, c = offsets.length; i < c; i++) {
var currentClosest = Math.abs(headingOffsets[i] - top); var currentClosest = Math.abs(offsets[i] - top);
if (currentClosest < closest) { if (currentClosest < closest) {
index = i; index = i;
closest = currentClosest; closest = currentClosest;
@ -109,7 +118,6 @@
headings.each(function(i, heading) { headings.each(function(i, heading) {
var $h = $(heading); var $h = $(heading);
headingOffsets.push($h.offset().top - opts.highlightOffset);
var anchorName = opts.anchorName(i, heading, opts.prefix); var anchorName = opts.anchorName(i, heading, opts.prefix);