时间:2021-05-25
不少朋友通过各种方式问我要Blog顶部的滚动导航菜单的代码。其实也没什么特别的,但既然有需求,我就还是把这部分代码整理出来,供大家参考。
复制代码 代码如下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://pat"){
//forlooser.dtd
g_myBodyInstance=document.documentElement;
g_myBodyInstanceString="document.documentElement";
}
varisMinNS4=(navigator.appName.indexOf("Netscape")>=0&&
parseFloat(navigator.appVersion)>=4)?1:0;
varisMinNS5=(navigator.appName.indexOf("Netscape")>=0&&
parseFloat(navigator.appVersion)>=5)?1:0;
varisMinIE4=(document.all)?1:0;
varisMinIE5=(isMinIE4&&navigator.appVersion.indexOf("5.")>=0)?1:0;
varisMacIE=(isMinIE4&&navigator.userAgent.indexOf("Mac")>=0)?1:0;
vargetFFVersion=navigator.userAgent.substring(
navigator.userAgent.indexOf("Firefox")).split("/")[1];
//extraheightinpxtoaddtoiframeinFireFox1.0+browsers
varFFextraHeight=getFFVersion<1.5?16:0;
functiongetLayer(name){
if(isMinNS5)
returndocument.getElementById(name);
elseif(isMinIE4)
returneval('document.all.'+name);
elseif(isMinNS4)
returnfindLayer(name,document);
returnnull;
}
functionfindLayer(name,doc){
vari,layer;
for(i=0;i<doc.layers.length;i++){
layer=doc.layers[i];
if(layer.name==name)
returnlayer;
if(layer.document.layers.length>0){
layer=findLayer(name,layer.document);
if(layer!=null)
returnlayer;
}
}
returnnull;
}
functionmoveLayerTo(layer,x,y){
if(isMinIE4){
layer.style.left=x;
layer.style.top=y;
}
elseif(isMinNS5){
layer.style.left=x+'px';
layer.style.top=y+'px';
}
elseif(isMinNS4)
layer.moveTo(x,y);
}
functiongetPageLeft(layer){
if(isMinIE4||isMinNS5)
return(layer.offsetLeft);
elseif(isMinNS4)
return(layer.pageX);
return(-1);
}
functiongetPageTop(layer){
if(isMinIE4||isMinNS5)
return(layer.offsetTop);
elseif(isMinNS4)
return(layer.pageY);
return(-1);
}
functiongetPageScrollX(){
if(isMinIE4||isMinNS5)
return(g_myBodyInstance.scrollLeft);
elseif(isMinNS4)
return(window.pageXOffset);
return(-1);
}
functiongetPageScrollY(){
if(isMinIE4||isMinNS5)
return(g_myBodyInstance.scrollTop);
elseif(isMinNS4)
return(window.pageYOffset);
return(-1);
}
varg_p_zealNavigatorBar=null;
g_p_zealNavigatorBar=getLayer('zealNavigatorBar');
if(!isMinIE4){g_p_zealNavigatorBar.style.position='fixed';}
functionreposzealNavigatorBar(){
if(isMinIE4){
try{
moveLayerTo(g_p_zealNavigatorBar,
getPageLeft(g_p_zealNavigatorBar),
getPageScrollY());
}catch(e){}
}
}
window.onresize=reposzealNavigatorBar;
window.onscroll=reposzealNavigatorBar;
window.onload=reposzealNavigatorBar;
</script>
</BODY>
</HTML>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
微信小程序配置顶部导航条标题颜色的实现方法关于小程序导航顶部配置都写在.json文件中。{"window":{"navigationBarBackgroundC
本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下当滚动条滚动到内容区域的时候,侧边导航条定位到屏幕,不再动,并且点击导航条跳
1.导航条的位置 主导航条的位置应该在接近顶部或网页左侧的位置,如果因为内容过多需要子导航时,要能让用户容易地分辨出哪个是主导航条,哪个是某主题的子导
如题,持续总结自己在使用BootStrap中遇到的问题,并记录解决方法,希望能帮到需要的小伙伴。应用场景:经典上下布局中,顶部导航条固定,下部填充不显示滚动条解
本文实例为大家分享了Bootstrap导航条的具体代码,供大家参考,具体内容如下navbar:导航条的基础样式navnavbar-nav:导航条里菜单的的固定样