blob: de2e0180bd3fc87a44ecf95916c8569af22d84a9 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
{{ if .Site.Params.scrollTop }}
<script>
$(function () {
var bar = new ProgressBar.Circle('#progress', {
color: '#8AA2D3',
strokeWidth: 12,
trailColor: '#E5E2E4',
trailWidth: 12,
text: {
value: '<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg>',
autoStyleContainer: false,
style: null
},
fill: '#E5E2E4',
});
var scrolled = ($(window).scrollTop() / ($(document).height() - $(window).height() - 1));
bar.animate(scrolled);
$(window).scroll(function () {
scrolled = ($(window).scrollTop() / ($(document).height() - $(window).height() - 1));
if (scrolled < 0.0005) {
scrolled = 0;
} else if (scrolled > 1) {
scrolled = 1;
}
bar.set(scrolled);
});
});
$('#container-progress').click(function () {
$('html, body').animate({
scrollTop: 0
}, 'slow');
return false;
});
</script>
{{ end }}
<!-- Vanilla LazyLoad -->
<script>
var lazyLoadInstance = new LazyLoad({
elements_selector: ".lazy"
});
</script>
|
