对不起我的英语。我实际上在一个网站上工作。我的客户端使用的是IE11,我使用的是jQuery 3.1.0。你可以看到我是如何实现它的: (HTML代码)
<html>
<head>
<title>TITLE</title>
<meta name="author" content="NAME">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="styles.css" />
</head>
<body>
<div id = "boite_titre">
<div id = "logo"><img src="images/img.gif"></div>
<div id = "titre"><h1>TITLE</h1></div>
</div>
<div id="boite_menu">
<UL id="menu">
<li><a href="#">ODF</a>
<ul>
<li><a href="#"><?php echo "Données du : ".$date_maj; ?></a></li>
<li><a href="#">Mise à jour données</a></li>
<li><a href="#">Consultation ODF</a></li>
<li><a href="#">Chainages assemblées</a></li>
<li><a href="#">Ajout equipement</a></li>
<li><a href="#">Renommage ODF</a></li>
<li><a href="#">Changement ODF</a></li>
<li><a href="#">Documentation sites</a></li>
</ul>
</li>
<li><a href="#">DERBI(IP)</a>
<ul>
<li><a href="#"><?php echo "Données du : ".$date_maj; ?></a></li>
<li><a href="#">Mise à jour données</a></li>
<li><a href="#">Occupation d'un routeur</a></li>
<li><a href="#">Recherche par la référence</a></li>
</ul>
</li>
<li><a href="#">OFFNET</a>
<ul>
<li><a href="#"><?php echo "Données du : ".$date_maj; ?></a></li>
<li><a href="#">Mise à jour données</a></li>
<li><a href="#">Tableau de suivi</a></li>
<li><a href="#">Consultation</a></li>
</ul>
</li>
<li><a href="#">CIRCULATOR</a>
<ul>
<li><a href="#"><?php echo "Données du : ".$date_maj; ?></a></li>
<li><a href="#">Mise à jour données</a></li>
<li><a href="#">Consultation</a></li>
</ul>
</li>
</UL>
</div>
<div id="boite_resultat">
</div>
<script type="text/javascript" src="jquery-3.1.0.js" ></script>
<script type="text/javascript" src="pcjavascripts.js" ></script>
<script></script>
</body>
</html>
我尝试使用jQuery希望在最后一个Firefox和Chrome上正常工作但在IE11上没有IE11调试上的错误消息进行粘性导航:“属性的值«$»为null或未定义,不是Function对象“(js代码):
$(window).scroll(function(e) {
if ($(this).scrollTop() > 350){
$('#boite_menu').css("position","fixed");
$('#boite_menu').css("border-top","inset");
$('#boite_menu').css("top","0");
}
else{
$('#boite_menu').css("position","absolute");
$('#boite_menu').css("top","10%");
$('#boite_menu').css("border-top","none");
}
});
css代码:
#boite_menu
{
display: inline-block;
z-index : 2;
font-family : "Arial";
font-size : 13;
position:absolute;
top:10%;
left:0px;
width:100%;
border-right:inset ;
border-left:inset ;
border-bottom:inset ;
background-color:#F0F0F0;
transition: all 0.40s ease-out;
}
我已经阅读过很多相似的案例,但我没有解决这些问题。谢谢你。