- 12
会员总数
- 81
文章总数
- 10029
浏览总数
- 3
今日发布
- 68天
稳定运行
雪花效果控制
// 补全滚动到指定元素的函数
function scrollTo(selector, offset) {
offset = offset || 0;
if(!selector) {
// 无参数则返回顶部
window.scrollTo({
top: 0,
behavior: 'smooth'
});
return;
}
var target = document.querySelector(selector);
if (target) {
window.scrollTo({
top: target.offsetTop + offset,
behavior: 'smooth'
});
}
}
// 收藏按钮点击事件
var btn =document.getElementById("shoucang");
if(btn) {
btn.onclick = function() {
var msgHtml = '在键盘上按Ctrl+D即可
喜欢本站的话记得常来哦！
';
// 兼容layer弹窗和原生弹窗
if (typeof layer !== 'undefined') {
layer.msg(msgHtml, function(){});
} else {
alert('在键盘上按 Ctrl+D 即可收藏本站\n喜欢本站的话记得常来哦！');
}
};
}
// 滚动进度条与随机文章滚动
$(function(){
var $this=$("#footgundong");
var scrollTimer;
if($this.length) {
$this.hover(function(){
clearInterval(scrollTimer)
},function(){
scrollTimer=setInterval(function(){
scrollNews($this)
},2000)
}).trigger("mouseleave");
function scrollNews(obj){
var $self=obj.find("ul");
var lineHeight=$self.find("li:first").height();
$self.animate({"marginTop":-lineHeight+"px"},500,function(){
$self.css({marginTop:0}).find("li:first").appendTo($self)
})
}
}
// 滚动百分比
window.onscroll = function() {
let scrollNow = window.pageYOffset;
let pageClientHeight = document.documentElement.clientHeight;
let scrollHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.body.clientHeight, document.documentElement.clientHeight) - pageClientHeight;
let fullWindowHeightInPercentage = Math.round((scrollNow / scrollHeight) * 100);
let percentage = document.getElementById('percentage');
if(percentage) {
percentage.innerHTML = ' ' + fullWindowHeightInPercentage + '%';
if (fullWindowHeightInPercentage == 0) percentage.innerHTML = ' 到顶啦';
if (fullWindowHeightInPercentage == 100) percentage.innerHTML = ' 到底啦';
}
}
})
