Question

我想在我的网页中阻止滚动这是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

但没有任何事情发生，我已经在网上看了，这应该有效，但事实并非如此，sroll始终是活跃的。我的html页面或CSS中有问题吗？

我的CSS：

blocantiscroll {
height: 100%;
overflow: hidden;

}

Answer 1

blocantiscroll是ID，因此您需要在选择器中使用#：

#blocantiscroll {
    height: 100%;
    overflow: hidden;
}

您当前的选择器正在寻找 blocantiscroll 。

在CSS中阻止滚动不起作用

3 个答案: