【百分】如何用js去掉网页的滚动条？

rt……如何用js动态的去掉网页的滚动条？比如我按动一个按钮之类的……然后滚动条就能去除？如同穿皮鞋的青蛙大哥所说……不能兼容xhtml1.0标准啊…………能不能改一下啊... rt……如何用js动态的去掉网页的滚动条？
比如我按动一个按钮之类的……然后滚动条就能去除？
如同穿皮鞋的青蛙大哥所说……不能兼容xhtml1.0标准啊…………能不能改一下啊？
恩…………恩…………这个代码如果不加w3c的标记的话ff和ie都可用……但只要加入w3c标记，不需要strict，只要transitional在ie下就办不了了……唉…………愁………… 展开

 我来答

6个回答

#热议# 什么是淋病？哪些行为会感染淋病？

鬼眼神偷
推荐于2017-11-23 · TA获得超过102个赞

知道答主

回答量：36

采纳率：0%

帮助的人：35.3万

我也去答题访问个人页

关注

展开全部

设置 css overflow:hidden; 就行了。
下面参考代码。测试 ie6 7 Firefox Opera 没用问题
谷歌浏览器只能隐藏显示不行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
try{
var isStyle = document.getElementById("hsScroll").type;
}catch(err){
document.write('<style id="ahsScroll" type="text/css">.hScroll{overflow:hidden;} .sScroll{}</style>');
}

function hideScroll(){
document.documentElement.className = "hScroll";
}
function showScroll(){
document.documentElement.className="sScroll";
}
</script>

<input type="button" value=" 隐藏滚动条 " onclick="hideScroll();" />
<input type="button" value=" 显示滚动条 " onclick="showScroll();" />

<ol>
<li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li>
<li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li>
<li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li>
<li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li>
<li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li>
<li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li>
</ol>
</body>
</html>

已赞过 已踩过<

评论收起

tatakautsubasa
2010-03-01 · 超过23用户采纳过TA的回答

知道答主

回答量：37

采纳率：0%

帮助的人：62万

我也去答题访问个人页

关注

展开全部

<html>
<head>

<script>
var delscr = function() {
document.body.style.overflow = 'hidden';
}

var resscr = function() {
document.body.style.overflow = 'scroll';
}
</script>

</head>
<body>
<input type = 'button' value = '去掉滚动条' onclick = 'delscr()'>
<input type = 'button' value = '恢复滚动条' onclick = 'resscr()'>
<br />
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
a<br />
</body>
</html>

已赞过 已踩过<

评论收起

摩瑛京雪风
2020-06-29 · TA获得超过3579个赞

知道大有可为答主

回答量：3106

采纳率：30%

帮助的人：194万

我也去答题访问个人页

关注

展开全部

设置
css
overflow:hidden;
就行了。
下面参考代码。测试
ie6
7
Firefox
Opera
没用问题
谷歌浏览器
只能隐藏
显示不行
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=gb2312"
/>
<title>无标题文档</title>
</head>
<body>
<script
type="text/javascript">
try{
var
isStyle
=
document.getElementById("hsScroll").type;
}catch(err){
document.write('<style
id="ahsScroll"
type="text/css">.hScroll{overflow:hidden;}
.sScroll{}</style>');
}
function
hideScroll(){
document.documentElement.className
=
"hScroll";
}
function
showScroll(){
document.documentElement.className="sScroll";
}
</script>
<input
type="button"
value="
隐藏滚动条
"
onclick="hideScroll();"
/>
<input
type="button"
value="
显示滚动条
"
onclick="showScroll();"
/>
<ol>
<li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li>
<li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li>
<li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li>
<li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li>
<li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li>
<li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li>
</ol>
</body>
</html>

已赞过 已踩过<

评论收起

bbflv
2010-03-03 · 超过23用户采纳过TA的回答

知道答主

回答量：132

采纳率：0%

帮助的人：80.6万

我也去答题访问个人页

关注

展开全部

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效代码|JsCode.CN|---去掉窗体滚动条的方法</title>

</head>

<body scroll="no">
</body>

</html>

已赞过 已踩过<

评论收起

piresion
2010-03-03

知道答主

回答量：18

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

思路大概是用JS控制CSS，只要body,html中的 overflow:display就可以隐藏滚动条了

已赞过 已踩过<

评论收起

更多回答（4）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

【百分】如何用js去掉网页的滚动条？

其他类似问题

为你推荐：