mirror/sqlstyle.guide
1
0
Fork 0
mirror of https://github.com/treffynnon/sqlstyle.guide.git synced 2025-03-09 12:49:51 -05:00
Code Activity

use scrollIntoView smooth

Browse source
This commit is contained in:
Simon Holywell 2018-02-28 10:00:08 +10:00
parent faf61372a2
commit 79dc7c2c33
1 changed files with 7 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
static/scripts.js
View file

@ -8,41 +8,6 @@ hljs.initHighlightingOnLoad();
{% include static/anchor.min.js %} {% include static/anchor.min.js %}
anchors.add('h2,h3,h4,h5,h6'); anchors.add('h2,h3,h4,h5,h6');
function offset(el) {
var rect = el.getBoundingClientRect(),
scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,
scrollTop = window.pageYOffset || document.documentElement.scrollTop;
return { top: rect.top + scrollTop, left: rect.left + scrollLeft }
}
function scrollTo(to, duration) {
var start = document.documentElement.scrollTop,
change = to - start,
currentTime = 0,
increment = 20;
var animateScroll = function(){
currentTime += increment;
var val = Math.easeInOutQuad(currentTime, start, change, duration);
document.documentElement.scrollTop = val;
if(currentTime < duration) {
setTimeout(animateScroll, increment);
}
};
animateScroll();
}
//t = current time
//b = start value
//c = change in value
//d = duration
Math.easeInOutQuad = function (t, b, c, d) {
t /= d/2;
if (t < 1) return c/2*t*t + b;
t--;
return -c/2 * (t*(t-2) - 1) + b;
};
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
/* /*
* translation jump menu * translation jump menu
@ -58,14 +23,14 @@ document.addEventListener('DOMContentLoaded', () => {
*/ */
document.querySelectorAll('a[href^="#"]') document.querySelectorAll('a[href^="#"]')
.forEach(x => x.addEventListener('click', e => { .forEach(x => x.addEventListener('click', e => {
e.preventDefault(); var targetHash = e.target.hash.replace(/:/g,'\\$&'),
var target = decodeURI(e.target.hash.replace(/:/g,'\\$&')); targetDecoded = decodeURI(targetHash),
var dest = 0; targetId = targetDecoded.replace('#', ''),
if(target && target.length) { target = document.getElementById(targetId || 'translation-bar');
dest = offset(document.querySelector(target)).top; if (target) {
e.preventDefault();
target.scrollIntoView({behavior: 'smooth', block: 'start'});
} }
scrollTo(dest, 900);
})); }));
}); });