我想阻止页面滚动
这是html页面：
<!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=utf-8" />
<title>Techniques AJAX - XMLHttpRequest</title>
<script src="frise.js"></script>
<link rel="STYLESHEET" type="text/css" href="style.css">
<script>
var a;
function start()
{
a = new frise("frisekk", 'Mon Nov 15 2014 19:25:00', 'lab', 600);
}
</script>
</head>
<body onload="start();">
<div id="blocantiscroll">
<div id="frisekk"> <br/> </div>
</div>
</body>
</html>
所以我在
<div id="blocantiscroll">中称呼我的CSS但是什么也没发生，我已经在网上查看了，应该可以，但是不能，滚动始终处于活动状态。
我的html页面或CSS是否有问题？
我的CSS：
blocantiscroll {
height: 100%;
overflow: hidden;
}
最佳答案
blocantiscroll是ID，因此您需要在选择器中使用#：
#blocantiscroll {
height: 100%;
overflow: hidden;
}
您当前的选择器正在寻找
blocantiscroll类型的元素，该元素不存在。Further reading
另外，如果希望
#blocantiscroll为窗口的100％高度，则需要设置以下内容：html, body {
height: 100%;
}