138 lines
4.7 KiB
JavaScript
138 lines
4.7 KiB
JavaScript
/*
|
|
* Copyright (c) 2010-2017, b3log.org & hacpai.com
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
/**
|
|
* @fileoverview util and every page should be used.
|
|
*
|
|
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
|
* @version 0.1.0.0, Feb 17, 2017
|
|
*/
|
|
|
|
/**
|
|
* @description 皮肤脚本
|
|
* @static
|
|
*/
|
|
var Skin = {
|
|
_initCommon: function ($goTop) {
|
|
$('body').on('click', '.content-reset img', function () {
|
|
window.open(this.src);
|
|
});
|
|
|
|
var $banner = $('header .banner'),
|
|
$navbar = $('header .navbar');
|
|
|
|
$(window).scroll(function () {
|
|
if ($(window).scrollTop() > 125) {
|
|
$goTop.show();
|
|
} else {
|
|
$goTop.hide();
|
|
}
|
|
|
|
if ($(window).width() < 701) {
|
|
return false;
|
|
}
|
|
|
|
if ($(window).scrollTop() > $banner.height()) {
|
|
$navbar.addClass('pin');
|
|
$('.main-wrap').parent().css('margin-top', '86px')
|
|
} else {
|
|
$navbar.removeClass('pin');
|
|
$('.main-wrap').parent().css('margin-top', '0')
|
|
}
|
|
});
|
|
},
|
|
init: function () {
|
|
this._initCommon($('.icon-up'));
|
|
|
|
$('.navbar nav a').each(function () {
|
|
if (this.href === location.href) {
|
|
this.className = 'current'
|
|
}
|
|
});
|
|
|
|
$('.responsive .list a').each(function () {
|
|
if (this.href === location.href) {
|
|
$(this).parent().addClass('current');
|
|
}
|
|
});
|
|
|
|
$('.responsive .icon-list').click(function () {
|
|
$('.responsive .list').slideToggle();
|
|
});
|
|
},
|
|
_initArticleCommon: function (tocLabel, siteViewLabel) {
|
|
// TOC
|
|
if ($('.b3-solo-list li').length > 0 && $(window).width() > 1000) {
|
|
// add color to sidebar menu
|
|
$('aside').addClass('has-toc');
|
|
|
|
// append toc to sidebar menu
|
|
var articleTocHTML = '<ul class="fn-clear"><li class="current" data-tab="toc">' + tocLabel
|
|
+ '</li><li data-tab="site">' + siteViewLabel + '</li></ul><section></section>';
|
|
$('aside').prepend(articleTocHTML);
|
|
var $sectionF = $('aside section:first').html($('.b3-solo-list')),
|
|
$sectionL = $('aside section:last');
|
|
$sectionF.height($(window).height() - 154).css({ 'overflow': 'auto', 'width': $('aside').width() + 'px'});
|
|
$sectionL.hide();
|
|
// 切换 tab
|
|
$('aside > ul > li').click(function () {
|
|
if ($(this).data('tab') === 'toc') {
|
|
$sectionL.animate({
|
|
"opacity": '0',
|
|
"top": '-50px'
|
|
}, 300, function () {
|
|
$sectionF.show().css('top', '-50px');
|
|
$sectionF.animate({
|
|
"opacity": '1',
|
|
"top": '0'
|
|
}, 300).show();
|
|
});
|
|
} else {
|
|
$sectionF.animate({
|
|
"opacity": '0',
|
|
"top": '-50px'
|
|
}, 300, function () {
|
|
$sectionF.hide().css('top', '-50px');
|
|
$sectionL.animate({
|
|
"opacity": '1',
|
|
"top": '0'
|
|
}, 300).show();
|
|
}).hide();
|
|
}
|
|
$('aside > ul > li').removeClass('current');
|
|
$(this).addClass('current');
|
|
});
|
|
|
|
$(window).scroll(function () {
|
|
if ($(window).scrollTop() > 125) {
|
|
$('aside section:eq(0)').css({
|
|
position: "fixed",
|
|
top: "51px",
|
|
backgroundColor: "#fff"
|
|
})
|
|
} else {
|
|
$('aside section:eq(0)').css({
|
|
position: "inherit",
|
|
borderLeft: 0
|
|
})
|
|
}
|
|
});
|
|
}
|
|
},
|
|
initArticle: function (tocLabel, siteViewLabel) {
|
|
this._initArticleCommon(tocLabel, siteViewLabel);
|
|
}
|
|
};
|
|
Skin.init(); |