69 lines
2.0 KiB
JavaScript
69 lines
2.0 KiB
JavaScript
(function () {
|
|
window.onload = function(){
|
|
function fixedBar(id, options){
|
|
var ele = document.getElementById(id);
|
|
if(!ele) return;
|
|
if(/msie (\d+\.\d+)/i.test(navigator.userAgent)){
|
|
var pageHeight=window.innerHeight;
|
|
var d=document;
|
|
if(typeof pageHeight!="number"){
|
|
if(document.compatMode=="CSS1Compat"){
|
|
pageHeight=document.documentElement.clientHeight;
|
|
}else{
|
|
pageHeight=document.body.clientHeight;
|
|
}
|
|
}
|
|
var ieScrollTop=window.pageYOffset || d.documentElement.scrollTop || d.body.scrollTop;
|
|
if(options.addclass) ele.className = options.addclass;
|
|
ele.style.position= 'absolute';
|
|
|
|
if(options.show){
|
|
ele.style.top = 0 + "px";
|
|
ele.style.display= 'block';
|
|
}
|
|
|
|
window.attachEvent('onscroll' , function (){
|
|
|
|
var ieScrollTop=window.pageYOffset || d.documentElement.scrollTop || d.body.scrollTop;
|
|
|
|
ele.style.top = 0 + "px";
|
|
if(options.autoHidden){
|
|
if(ieScrollTop==0){
|
|
ele.style.display="none";
|
|
}else{
|
|
ele.style.display="block";
|
|
}
|
|
}
|
|
});
|
|
}else{
|
|
var ele = document.getElementById(id);
|
|
if(typeof pageHeight!="number"){
|
|
if(document.compatMode=="CSS1Compat"){
|
|
pageHeight=document.documentElement.clientHeight;
|
|
}else{
|
|
pageHeight=document.body.clientHeight;
|
|
}
|
|
}
|
|
if(options.show) ele.style.display= 'block';
|
|
ele.style.top = 0 +'px';
|
|
window.addEventListener('scroll',function (){
|
|
if(options.autoHidden){
|
|
if(baidu.page.getScrollTop()==0){
|
|
ele.style.display="none";
|
|
}else{
|
|
ele.style.display="block";
|
|
}
|
|
}
|
|
},false);
|
|
}
|
|
}
|
|
|
|
fixedBar('backTopBtn' , {autoHidden: true, top : 186});
|
|
fixedBar('identifier-pannel' , {autoHidden: false , top : 956 , show : true});
|
|
//修改微信扫码样式布局后添加微信扫码跟随滚动处理
|
|
$(window).scroll(function(){
|
|
var vtop=$(document).scrollTop();
|
|
$("#identifier-pannel").css('top',vtop+"px");
|
|
})
|
|
}
|
|
})(); |