Merge pull request #43 from rancher/sidenav-scroll-spy

Sidenav scroll spy
This commit is contained in:
Westly Wright
2018-04-27 14:27:12 -07:00
committed by GitHub
3 changed files with 18 additions and 11 deletions
+12 -6
View File
@@ -224,7 +224,7 @@ const bootstrapScrollSpy = function () {
let scrollTop = $(window).scrollTop();
let elementOffset = $watch.offset().top;
let distance = (elementOffset - scrollTop);
let mainContentHeaders = $('.main-content').find(':header:visible');
let $mainContentHeaders = $('.main-content').find(':header:visible');
let opts = {
height: $el.outerHeight(),
width: $el.outerWidth(),
@@ -232,15 +232,19 @@ const bootstrapScrollSpy = function () {
};
console.log(scrollTop, $(window).height())
for (var i = 0; i <= mainContentHeaders.length - 1; i++) {
var $mainContentHeadersEl = $(`#${mainContentHeaders[i].id}`);
var hTop = $mainContentHeadersEl.offset().top;
for (var i = 0; i <= $mainContentHeaders.length - 1; i++) {
var $mainContentHeadersEl = $(`#${$mainContentHeaders[i].id}`);
var hTop = $mainContentHeadersEl.offset().top;
if (hTop - scrollTop >= 0) {
mainContentHeaders.each( ( i, a ) => {
$mainContentHeaders.each( ( i, a ) => {
$('#TableOfContents').find(`a[href$=${a.id}]`).removeClass('active');
});
$('#TableOfContents').find(`a[href$=${mainContentHeaders[i].id}]`).addClass('active');
$('#TableOfContents').find(`a[href$=${$mainContentHeaders[i].id}]`).addClass('active');
break;
}
}
@@ -258,6 +262,8 @@ const bootstrapScrollSpy = function () {
}
}
//init position
scrollHandler();
}