时间:2021-05-26
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代码
<div class="nav">
<p>导航固定</p>
</div>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
jquery实现导航固定顶部的效果,仿蘑菇街的,感觉还不错,需要的朋友可以参考下?123456789101112131415161718192021222324
实用的jQuery网页元素固定导航置顶插件StickUp,简单的jQuery插件,实现网页元素固定,如导航固定让其总是保持在视图中可见,在one-page页面中
本文实例讲述了jQuery实现网页顶部固定导航效果代码。分享给大家供大家参考,具体如下:运行效果截图如下:具体代码如下:无标题文档$(function(){$(
本文实例讲述了jQuery实现个性翻牌效果导航菜单的方法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:jQuery个性翻牌效果的导航菜单ul,li
本文实例讲述了jquery实现的仿天猫侧导航tab切换效果。分享给大家供大家参考。具体如下:这里演示jquery实现仿天猫侧导航tab切换效果,引入外部JS,若