Sha256: 53cb2d045416aa27a46c2bdf5e262650a135fabebc90e64d198ad13f6b8962e2
Contents?: true
Size: 1.81 KB
Versions: 20
Compression:
Stored size: 1.81 KB
Contents
const ScrollerUpdate = () => {
let set = $(Site.scroll.lnk);
if (set.length > 1) {
set.each(function() {
let ting = $(this)[0].classList[2],
tween = gsap.to(Site.scroll.lnk + "." + ting, { duration : 0.1, opacity : 1 }),
scene = new ScrollMagic.Scene({ triggerElement : "#" + ting }).setTween(tween).addTo(controller);
});
}
}
const ScrollFunc = () => {
let Scroller = "<div class='block scroller'><div class='wrap scroller'>";
$(Site.chapter.target).each(function(i,val){
let id = $(val)[0].children[0].id;
if(i == 0) {
Scroller += `<a class="lnk scroller ${id}" href="#${id}" style=""><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="26" height="26" viewBox="0 0 26 26" xml:space="preserve" enable-background="new 0 0 26 26"><path d="M13,5l9,14H4L13,5z"/></svg></a>`;
} else if(i == $(Site.chapter.target).length - 1) {
Scroller += `<a class="lnk scroller ${id}" href="#${id}"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="26" height="26" viewBox="0 0 26 26" xml:space="preserve" enable-background="new 0 0 26 26"><path d="M13,21L4,7h18L13,21z"/></svg></a>`;
} else {
Scroller += `<a class="lnk scroller ${id}" href="#${id}"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="26" height="26" viewBox="0 0 26 26" xml:space="preserve" enable-background="new 0 0 26 26"><circle cx="13" cy="13" r="9"/></svg></a>`;
}
});
Scroller += "</div></div>";
$(site).append(Scroller);
ScrollerUpdate();
SmoothScroll();
}
$(function() {
if (Config.install != "theme") {
if ($(Site.chapter.target).length > 1) {
ScrollFunc();
}
}
});
Version data entries
20 entries across 20 versions & 1 rubygems