Sha256: d62e1607429e307d8a92df167e623ab77a83aba11654c7308a5136e7bd8a2090
Contents?: true
Size: 1.81 KB
Versions: 18
Compression:
Stored size: 1.81 KB
Contents
const ScrollerUpdate = () => {
let set = $('.lnk._scroller'),
length = set.length;
if (length > 1) {
set.each(function() {
let ting = $(this)[0].classList[2],
tween = TweenMax.to('.lnk._scroller.' + ting,0.1,{className:'+=active'}),
scene = new ScrollMagic.Scene({triggerElement:'#' + ting}).setTween(tween).addTo(controller);
});
}
}
const ScrollFunc = chaps => {
let SiteFeed = $('.site._feed'),
Scroller = '<div class="area _scroller"><div class="wrap _scroller">';
chaps.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 == chaps.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>';
SiteFeed.append(Scroller);
ScrollerUpdate();
SmoothScroll();
}
$(function() {
let chaps = $('.wrap.type-chapter');
if (chaps.length > 1) {
ScrollFunc(chaps);
}
});
Version data entries
18 entries across 18 versions & 1 rubygems