javascript顶栏,顶部标签栏
怎么开启浏览器中的JavaScript功能
每个浏览器有一定程度的区别，下面以chrome浏览器（谷歌浏览器）为例说明一下，其他浏览器的设置也差不多
公司主营业务：成都做网站、成都网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出黄骅免费做网站回馈大家。
第一步：打开chrome浏览器，然后点击搜索框最右侧的红色图标，弹出框如下
第二步：点击上图中的“设置”，然后将进入如下界面
第三步：在设置中找到“隐私设置”，然后点击“内容设置...”，然后将弹出如下对话框
第四步：在上图中的“JavaScript“下有两个选项，分别为”关闭该项功能“及”打开该项功能“！
如何启用浏览器上启用 Javascript 功能。
如何启用JavaScript.想要访问这个网站上所有有用的资源？那么你需要启用
浏览器
中的JavaScript功能。只要按照下列浏览器的指引操作即可。
您的浏览器不在下列列表内？您可以通过Web搜索快速找到关于其它浏览器的操作说明，或者也可查看浏览器的帮助信息。
Internet
Explorer
7或8
1.从"工具"菜单或右上角的“工具”下拉菜单中选择“Internet选项”
2.点击“程序”选项卡
3.点击“管理加载项”
4.选中“脚本插入”
5.点击“启用”（在IE
7
中位于“设置”栏）。
6.双击“确定”
7.在浏览窗口点击“刷新”按钮。
.Mozilla
Firefox
1.5及更高版本
1.从
顶部
菜单中选择“工具”
2.点击“选项”
3.从顶部导航栏中选择“内容”
4.点击“启用JavaScript”
5.点击“确定”
6.在浏览器窗口点击“刷新”按钮
.用于Mac
OS
X的Safari
1.从“Safari”菜单中点击“设置”
2.点击“安全”
3.勾选“启用JavaScript”
4.关闭窗口
5.在浏览器窗口点击“刷新”按钮
JavaScript如何屏蔽页面的滚动？
1、阻止所有能导致页面滚动的事件。//scroll不能阻止，只能阻止mousewheel，鼠标拽滚动条就悲剧了；
2、bodyoverflow:hidden//win下右侧滚动条会消失导致页面横移，移动端阻止不了；
3、把滚动部分单独放在一个div里，和弹出部分同级，body和window同高。//所有涉及offset/scrollTop的方法都要修改。fix并且width100%的元素(比如微博顶栏)会压在内容区滚动条上；
4、弹出时算scrollTop，给内容区fix然后top移动到目前位置，同时body给一个overflow-y:scroll强撑出滚动条。
如何用JavaScript 实现 iOSwebView里面Html界面导航栏置顶效果
//记录导航条原来在页面上的位置
var naviga_offsetTop = 0;
var naviga_offsetLeft = 0;
//IE7不识别getElementsByClassName，为了兼容自定义一个
function my_getElementsByClassName(class_name) {
var el = [];
//获取所有元素
_el = document.getElementsByTagName('*');
//通过className刷选
for (var i=0; i_el.length; i++ ) {
if (_el[i].className == class_name ) {
el[el.length] = _el[i];
}
}
return el;
}
//导航条，悬停在顶部
function naviga_stay_top(){
var a_navigation_bar = [];
if(document.getElementsByClassName){//Chrome, FF
a_navigation_bar = document.getElementsByClassName("navigation");
} else {//IE
a_navigation_bar = my_getElementsByClassName("navigation");
}
var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
document.title = scrollTop;
//如果向下滚动的距离大于原来导航栏离顶部的距离
//直接将导航栏固定到可视区顶部
if( scrollTop naviga_offsetTop ){
a_navigation_bar[0].style.top = 0 + "px";
} else {
//如果向下滚动的距离小原来导航栏离顶部的距离，则重新计算导航栏的位置
a_navigation_bar[0].style.top = (naviga_offsetTop - scrollTop) + "px";
}
}
//给导航条上四个tab，加上点击事件。
window.onload=function(){
var a_tabs = [];
if( document.getElementsByClassName ){//Chrome, FF
a_tabs = document.getElementsByClassName("tab");
}else{ //IE
a_tabs = my_getElementsByClassName("tab");
}
var a_contents = [];
if( document.getElementsByClassName ){//Chrome, FF
a_contents = document.getElementsByClassName("content");
}else{//IE
a_contents = my_getElementsByClassName("content");
}
//获取offsetLeft，即导航栏离左边框的距离
var a_main_div = [];
if( document.getElementsByClassName ){//Chrome, FF
a_main_div = document.getElementsByClassName("main");
}else{ //IE
a_main_div = my_getElementsByClassName("main");
}
naviga_offsetLeft = a_main_div[0].offsetLeft;
a_tabs[0].onclick=function(){
window.scrollTo(0, a_contents[2].offsetTop);
}
a_tabs[1].onclick=function(){
window.scrollTo(0, a_contents[3].offsetTop);
}
a_tabs[2].onclick=function(){
window.scrollTo(0, a_contents[4].offsetTop);
}
a_tabs[3].onclick=function(){
window.scrollTo(0, a_contents[5].offsetTop);
}
//获取页面上，导航条到顶部的位置
var a_navigation_bar = [];
if(document.getElementsByClassName){//Chrome, FF
a_navigation_bar = document.getElementsByClassName("navigation");
} else {//IE
a_navigation_bar = my_getElementsByClassName("navigation");
}
//获取offsetTop
naviga_offsetTop = a_navigation_bar[0].offsetTop;
a_navigation_bar[0].style.left = naviga_offsetLeft + "px";
//给滚动条以及鼠标加上滚动事件
if( window.attachEvent) //IE
{
window.attachEvent("onmousewheel", naviga_stay_top);
window.attachEvent("onscroll", naviga_stay_top);
document.attachEvent("onmousewheel", naviga_stay_top);
document.attachEvent("onscroll", naviga_stay_top);
} else {//Chrome ,FF
window.addEventListener("mousewheel", naviga_stay_top,false);
window.addEventListener("scroll", naviga_stay_top,false);
document.addEventListener("mousewheel", naviga_stay_top,false);
document.addEventListener("scroll", naviga_stay_top,false);
}
}
分享文章：javascript顶栏,顶部标签栏
转载注明：http://azwzsj.com/article/dsgsphi.html
