jquery实现的导航固定效果
程序员文章站
2022-10-14 21:18:50
jquery实现的导航固定效果。
. 代码如下:
1.jquery代码, .nav为导航的class
$(function(){
$(wind...
jquery实现的导航固定效果。
. 代码如下:
1.jquery代码, .nav为导航的class
$(function(){
$(window).scroll(function() {
if($(window).scrolltop()>=250){
$(".nav").addclass("fixednav");
}else{
$(".nav").removeclass("fixednav");
}
});
});
2.css代码
.fixednav{
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:100000;
_position:absolute;
_top:expression(eval(document.documentelement.scrolltop));
}
3.html代码
<p class="nav">
<p>导航固定</p>
</p>
上一篇： Python是编译运行的验证方法