Difference between revisions of "Template:USTC-Software/js/makeIndexFixed"
| Line 1: | Line 1: | ||
$(document).ready(function () { | $(document).ready(function () { | ||
| − | + | // to do things with pageIndex | |
| − | + | class PageIndex { | |
| − | + | constructor(){ | |
| − | + | console.log('new PageIndex'); | |
| − | + | } | |
| − | + | // set the index fixed | |
| − | + | static makeIndexFixed(){ | |
| − | + | let height = $('#autoMenu').height(); | |
| − | + | $('.autoMenu').css({ | |
| − | + | "position": "fixed", | |
| − | + | "top": "calc(50% - " + height/2 + "px)", | |
| − | + | }); | |
| + | } | ||
| + | // add animation to the scroll event | ||
| + | static scrollToAnchor() { | ||
| + | $('.autoMenu a').on('click', function (ev) { | ||
| + | ev.preventDefault(); | ||
| + | let anchorId = $(this).attr('href'); | ||
| + | let nextTop = $(anchorId).offset().top; | ||
| + | $('html, body').animate({ | ||
| + | scrollTop: nextTop, | ||
| + | }, 600); | ||
| + | }) | ||
| + | } | ||
| + | } | ||
| − | + | PageIndex.makeIndexFixed(); | |
| + | PageIndex.scrollToAnchor(); | ||
}); | }); | ||
Latest revision as of 13:41, 9 October 2019
$(document).ready(function () {
// to do things with pageIndex
class PageIndex {
constructor(){
console.log('new PageIndex');
}
// set the index fixed
static makeIndexFixed(){
let height = $('#autoMenu').height();
$('.autoMenu').css({
"position": "fixed",
"top": "calc(50% - " + height/2 + "px)",
});
}
// add animation to the scroll event
static scrollToAnchor() {
$('.autoMenu a').on('click', function (ev) {
ev.preventDefault();
let anchorId = $(this).attr('href');
let nextTop = $(anchorId).offset().top;
$('html, body').animate({
scrollTop: nextTop,
}, 600);
})
}
}
PageIndex.makeIndexFixed(); PageIndex.scrollToAnchor();
});