Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-20 04:14:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add anchors

Browse Source
This commit is contained in:
Jeremy Thomas
2018-04-10 23:52:51 +01:00
parent cd8503762c
commit 96f2164883
7 changed files with 238 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
docs/lib/main.js
View File

@@ -7,26 +7,6 @@ document.addEventListener('DOMContentLoaded', function () {
var cookieBookModalName = 'bulma_closed_book_modal';
var cookieBookModal = Cookies.getJSON(cookieBookModalName) || false;
// Book modal
// const $bookModal = document.getElementById('bookModal');
// const $bookModalCloseButtons = getAll('.bd-book-modal-close');
// if (!cookieBookModal) {
// setTimeout(() => {
// openModal('bookModal');
// }, 5000);
// }
// if ($bookModalCloseButtons.length > 0) {
// $bookModalCloseButtons.forEach($el => {
// $el.addEventListener('click', event => {
// event.stopPropagation();
// Cookies.set(cookieBookModalName, true, { expires: 30 });
// });
// });
// }
// Sidebar links
var $categories = getAll('#categories .bd-category');
@@ -51,6 +31,56 @@ document.addEventListener('DOMContentLoaded', function () {
});
}
var anchors_ref_el = document.getElementById('anchorsReference');
var anchors_el = document.getElementById('anchors');
var anchor_links_el = getAll('.bd-anchor-link');
if (anchors_el && anchor_links_el.length > 0) {
var anchors_el_list = anchors_el.querySelector('.bd-anchors-list');
anchor_links_el.forEach(function (el) {
var link_target = el.getAttribute('href');
var link_text = el.previousElementSibling.innerText;
if (link_text != '') {
var item_el = createAnchorLink(link_text, link_target);
anchors_el_list.appendChild(item_el);
}
});
var back_to_top_el = createAnchorLink('Back to top', '');
back_to_top_el.onclick = scrollToTop;
anchors_el_list.appendChild(back_to_top_el);
}
function scrollToTop() {
window.scrollTo(0, 0);
}
function createAnchorLink(text, target) {
var item_el = document.createElement('li');
var link_el = document.createElement('a');
var text_node = document.createTextNode(text);
if (target) {
link_el.setAttribute('href', target);
}
link_el.appendChild(text_node);
item_el.appendChild(link_el);
return item_el;
}
function closeCategories(current_el) {
$categories.forEach(function (el) {
if (current_el == el) {
return;
}
el.classList.remove('is-active');
});
}
// Meta links
var $metalinks = getAll('#meta a');
@@ -222,6 +252,7 @@ document.addEventListener('DOMContentLoaded', function () {
// Scrolling
var html_el = document.documentElement;
var navbarEl = document.getElementById('navbar');
var navbarBurger = document.getElementById('navbarBurger');
var specialShadow = document.getElementById('specialShadow');
@@ -243,6 +274,18 @@ document.addEventListener('DOMContentLoaded', function () {
}
});
function whenScrolling(lastY, currentY) {
if (anchors_ref_el) {
var bounds = anchors_ref_el.getBoundingClientRect();
if (bounds.top < 1) {
anchors_el.classList.add('is-pinned');
} else {
anchors_el.classList.remove('is-pinned');
}
}
}
function upOrDown(lastY, currentY) {
if (currentY >= lastY) {
return goingDown(currentY);
@@ -310,22 +353,21 @@ document.addEventListener('DOMContentLoaded', function () {
}
}
// translateHeader(window.scrollY, false);
var ticking = false;
var lastY = 0;
// let ticking = false;
// let lastY = 0;
window.addEventListener('scroll', function () {
var currentY = window.scrollY;
// window.addEventListener('scroll', function() {
// const currentY = window.scrollY;
if (!ticking) {
window.requestAnimationFrame(function () {
// upOrDown(lastY, currentY);
whenScrolling(lastY, currentY);
ticking = false;
lastY = currentY;
});
}
// if (!ticking) {
// window.requestAnimationFrame(function() {
// upOrDown(lastY, currentY);
// ticking = false;
// lastY = currentY;
// });
// }
// ticking = true;
// });
ticking = true;
});
});