public/rancher-docs
1
0
Fork 0
mirror of https://github.com/rancher/rancher-docs.git synced 2026-09-25 20:48:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
Sidenav scroll spy
This commit is contained in:
Westly Wright
2018-04-27 14:27:12 -07:00
committed by GitHub
parent bd8c6d17ee 1a1c308709
commit b268885d57
3 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gulpfile.babel.js
+5 -4
View File
@@ -11,6 +11,7 @@ import browserify from 'browserify';
import source from 'vinyl-source-stream';
import buffer from 'vinyl-buffer';
import babelify from 'babelify';
import watch from 'gulp-watch';
const $ = gulpLoadPlugins();
const browserSync = require('browser-sync').create();
@@ -79,10 +80,10 @@ gulp.task('init-watch', () => {
port: 9001,
open: false
});
gulp.watch([ 'src/sass/**/*.scss', 'node_modules/rancher-website-theme/**/*.scss' ], () => gulp.start('sass'));
gulp.watch('src/js/**/*.js', () => gulp.start('build:app'));
gulp.watch('src/img/**/*', () => gulp.start('img'));
gulp.watch(['archetypes/**/*', 'data/**/*', 'content/**/*', 'layouts/**/*', 'static/**/*.{js,css}', 'themes/**/*', 'node_modules/rancher-website-theme/**/*', 'config.toml'], () => gulp.start('hugo-dev'));
watch([ 'src/sass/**/*.scss', 'node_modules/rancher-website-theme/**/*.scss' ], () => gulp.start('sass'));
watch('src/js/**/*.js', () => gulp.start('build:app'));
watch('src/img/**/*', () => gulp.start('img'));
watch(['archetypes/**/*', 'data/**/*', 'content/**/*', 'layouts/**/*', 'static/**/*.{js,css}', 'themes/**/*', 'node_modules/rancher-website-theme/**/*', 'config.toml'], () => gulp.start('hugo-dev'));
});
package.json
+1 -1
View File
@@ -32,6 +32,7 @@
"jquery": "^3.3.1",
"moment": "^2.20.1",
"node-sass-tilde-importer": "^1.0.0",
"rancher-website-theme": "https://github.com/rancherlabs/website-theme.git",
"run-sequence": "^2.0.0",
"vinyl-buffer": "^1.0.1",
"vinyl-source-stream": "^2.0.0"
@@ -46,7 +47,6 @@
"hugo-search-index": "^0.4.1",
"lory.js": "^2.4.1",
"ml-stack-nav": "^1.1.2",
"rancher-website-theme": "https://github.com/rancherlabs/website-theme.git",
"tingle.js": "^0.13.2"
}
}
src/js/app.js
+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();
}