xmpp.chapril.org-conversejs/src/website.js
2019-10-09 16:27:58 +02:00

60 lines
2.6 KiB
JavaScript

(function () {
document.addEventListener("DOMContentLoaded", function () {
window.addEventListener('scroll', function () {
var navbar = document.querySelector(".navbar");
var rect = navbar.getBoundingClientRect();
if (rect.top + window.scrollY > 50) {
navbar.classList.add("top-nav-collapse");
} else {
navbar.classList.remove("top-nav-collapse");
}
});
var getDocumentHeight = function () {
return Math.max(
document.body.scrollHeight, document.documentElement.scrollHeight,
document.body.offsetHeight, document.documentElement.offsetHeight,
document.body.clientHeight, document.documentElement.clientHeight
);
};
Array.prototype.forEach.call(document.querySelectorAll('.page-scroll a'), function (el) {
el.addEventListener('click', function (ev) {
ev.preventDefault();
Array.prototype.forEach.call(document.querySelectorAll('.page-scroll'), function (child) {
child.classList.remove('active');
});
this.parentElement.classList.add('active');
var hash = this.getAttribute("href");
var endLocation = document.querySelector(hash).offsetTop;
var startLocation = window.pageYOffset;
var distance = endLocation - startLocation;
var start, percentage, position;
var timeLapsed = 0;
function scrollAnimation(timestamp) {
if (!start) { start = timestamp; }
timeLapsed += timestamp - start;
percentage = (timeLapsed / parseInt(500, 10));
percentage = (percentage > 1) ? 1 : percentage;
position = startLocation + (distance * percentage * percentage);
window.scrollTo(0, Math.floor(position));
var currentLocation = window.pageYOffset;
if (position == endLocation ||
currentLocation == endLocation ||
((startLocation < endLocation && window.innerHeight + currentLocation) >= getDocumentHeight())) {
window.location.hash = hash;
return;
}
window.requestAnimationFrame(scrollAnimation);
start = timestamp;
}
window.requestAnimationFrame(scrollAnimation);
});
});
});
})();