-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.js
97 lines (86 loc) · 2.84 KB
/
blog.js
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
/*!
* Clean Blog v1.0.0 (http://startbootstrap.com)
* Copyright 2015 Start Bootstrap
* Licensed under Apache 2.0 (https://github.com/IronSummitMedia/startbootstrap/blob/gh-pages/LICENSE)
*/
// Tooltip Init
$(function() {
$("[data-toggle='tooltip']").tooltip();
});
// make all images responsive
/*
* Unuse by Hux
* actually only Portfolio-Pages can't use it and only post-img need it.
* so I modify the _layout/post and CSS to make post-img responsive!
*/
// $(function() {
// $("img").addClass("img-responsive");
// });
// responsive tables
$(document).ready(function() {
$("table").wrap("<div class='table-responsive'></div>");
$("table").addClass("table");
});
// responsive embed videos
$(document).ready(function () {
$('iframe[src*="youtube.com"]').wrap('<div class="embed-responsive embed-responsive-16by9"></div>');
$('iframe[src*="youtube.com"]').addClass('embed-responsive-item');
$('iframe[src*="vimeo.com"]').wrap('<div class="embed-responsive embed-responsive-16by9"></div>');
$('iframe[src*="vimeo.com"]').addClass('embed-responsive-item');
});
// 判断是不是博文页面
function isPages(attr){
var currentBoolean = document.querySelector('.navbar.navbar-custom').getAttribute(attr);
if(currentBoolean === 'true'){return true;}
return false;
}
/*
滚动函数
接收三个参数,
1 接收一个DOM对象
2 给目标对象切换class
3 触发的高度 (可选项,如果不指定高度,会将DOM的高度作为触发高度)
*/
function scrollCheck(scrollTarget, toggleClass, scrollHeight){
document.addEventListener('scroll',function(){
var currentTop = window.pageYOffset;
currentTop > (scrollHeight||scrollTarget.clientHeight)
?scrollTarget.classList.add(toggleClass)
:scrollTarget.classList.remove(toggleClass)
})
}
//主页
(function(){
if(!isPages('data-ispost')){
var navbar = document.querySelector('.navbar.navbar-custom')
navbar.classList.add('is-fixed');
}
})();
/*
* 先获取H1标签
* 然后滚动出现固定导航条后
* 将其内容放到上面居中显示
* */
/*
博文页面
*/
(function(){
if (isPages('data-ispost')){
var navbar = document.querySelector('.navbar-custom');
var introHeader = document.querySelector('.intro-header').offsetHeight;
var introHeader = introHeader > 497 ? introHeader : 400;
var toc = document.querySelector('.toc-wrap');
var postTitle = document.querySelector('.post-title-haojen');
scrollCheck(toc,'toc-fixed',introHeader-60);
scrollCheck(navbar,'is-fixed');
scrollCheck(postTitle,'post-title-fixed',introHeader-60);
}
})();
(function () {
var navTop = document.querySelector('#nav-top');
navTop.ondblclick = function () {
$('body').animate({
scrollTop: 0
}, 500)
}
})();