2021-04-29 21:32:54 +08:00
|
|
|
$(document).ready(function(){
|
|
|
|
$(".anchor_btn").click(function(){
|
|
|
|
var nTop = $(".anchor_point[anchor='" + $(this).attr('anchor') + "']").offset().top;
|
|
|
|
if(!$(this).hasClass("a_node_root")) nTop -= 5;
|
|
|
|
$('html,body').animate({scrollTop:nTop},500);
|
|
|
|
});
|
|
|
|
$(window).scroll(function(){
|
|
|
|
var nMin = 100000,strName = '',strLast = '';
|
|
|
|
var nHeight =window.innerHeight;// document.body.clientHeight;
|
|
|
|
var nHtmlTop = $(this).scrollTop();
|
|
|
|
var es = $('.anchor_point');
|
|
|
|
for(i = 0; i < es.length; i++){
|
|
|
|
var nSub = Math.abs(es[i].offsetTop - nHtmlTop);
|
|
|
|
if(nSub < nMin){
|
|
|
|
nMin = nSub;
|
|
|
|
if(nHtmlTop + (nHeight / 2) >= es[i].offsetTop){
|
|
|
|
strName = $(es[i]).attr('anchor');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
strLast = $(es[i]).attr('anchor');
|
|
|
|
}
|
|
|
|
$(".anchor_btn").removeClass('active');
|
|
|
|
$(".anchor_btn[anchor='" + strName + "']").addClass('active');
|
|
|
|
});
|
|
|
|
|
|
|
|
$(document).on("touchstart","#div_left",function(e){});
|
|
|
|
|
2021-04-29 23:24:00 +08:00
|
|
|
var strUA = navigator.userAgent.toLowerCase();
|
|
|
|
if(strUA.indexOf('windows') != -1 && strUA.indexOf('webkit') == -1){
|
|
|
|
//console.log('what the fuck...!!!!!!');
|
|
|
|
//我是真没想到都2021年了 windows还在采用可视化滚动条
|
|
|
|
//而且还只有webkit内核提供了滚动条样式的支持
|
|
|
|
//我一直以为现在这个年代 滚动条基本都是隐藏式了的吧
|
|
|
|
//且不说windows 浏览器厂商就这么赤裸裸的使用系统原生滚动条真棒
|
|
|
|
//我不是吐槽没有解决方案 而是这种设计
|
|
|
|
//当发现问题后 我仅仅是想通过样式隐藏滚动条 而只有webkit能做到
|
|
|
|
//::-webkit-scrollbar { display: none; }
|
|
|
|
$('body').append(
|
|
|
|
"<div id='WO_TE_ME_DE_YE_HEN_JUE_WANG_A_CAO'>"
|
|
|
|
+ "老铁!用WebKit浏览器,不然滚动条太丑了,不想改页面了!<br/>"
|
|
|
|
+ "(Use the WebKit browser as much as possible!!)"
|
2021-04-29 21:32:54 +08:00
|
|
|
+ "</div>"
|
|
|
|
);
|
2021-04-29 23:24:00 +08:00
|
|
|
$('#WO_TE_ME_DE_YE_HEN_JUE_WANG_A_CAO').css({
|
2021-04-29 21:32:54 +08:00
|
|
|
position:"fixed",
|
|
|
|
top:0,
|
|
|
|
left:0,
|
|
|
|
right:0,
|
|
|
|
color:"white",
|
|
|
|
"line-height":"20px",
|
|
|
|
"text-align":"center",
|
2021-04-29 23:24:00 +08:00
|
|
|
"background-color":"rgba(255,255,0,.6)",
|
2021-04-29 21:32:54 +08:00
|
|
|
border:"solid 1px yellow",
|
2021-04-29 23:24:00 +08:00
|
|
|
"text-shadow":"0px 1px 1px black",
|
2021-04-29 21:32:54 +08:00
|
|
|
"z-index":100
|
2021-04-29 23:24:00 +08:00
|
|
|
}).click(function(){$(this).remove();});
|
2021-04-29 21:32:54 +08:00
|
|
|
}
|
|
|
|
});
|