jquery实现滚动条滚动到一定高度导航固定不变

.one {
width: 800px;
height: 100px;

}

.fix {
position: fixed;
left: 0;
top: 0;

}

$(function(){

var nav=$(".one"); //得到导航对象

var win=$(window); //得到窗口对象

var sc=$(document);//得到document文档对象。

win.scroll(function(){

if(sc.scrollTop()>=600){

nav.addClass("fix");
}else{

nav.removeClass("fix");
}

});
});

转载于:https://www.cnblogs.com/zzz723/p/8884491.html

jquery实现滚动条滚动到一定高度导航固定不变相关推荐

html 下拉到一定位置,浏览器向下滚动到一定位置继续滚动时，侧边导航固定在页面顶部，再滚动到一定位置时页面再向下滚动侧边导航不再固定。这种效果怎么实现呢...
1.浏览器向下滚动到一定位置继续滚动时,侧边导航固定在页面顶部,再滚动到一定位置时页面再向下滚动侧边导航不再固定.页面向上滚动到一定位置继续滚动时,侧边导航保持在原来位置.这种效果怎么实现呢 2.. ...
利用js获取滚动条滚动距离，实现图片固定在屏幕的某个位置
利用js获取滚动条滚动距离,实现图片固定在屏幕的某个位置思路: 1.获取对象距离顶部和左侧的距离: 2.获取元素对象: 3.当滚动条滚动时获取滚动条滚动的距离: 4.滚动条滚动时执行函数:对象距离顶 ...
jquery操作滚动条滚动到指定位置
$("html,body").animate({scrollTop:$("#qy_name").offset().top},1000);//1000是ms,也可 ...
jquery滚动条滚动事件_滚动条和jQuery –使用航点的事件处理
jquery滚动条滚动事件 How to handle scrolling with jQuery. Today we continue jQuery reviews, and our article ...
【jQuery】用jQuery实现定位滚动导航效果
在平时写官网代码的过程中,我们经常可以碰到这样的一个情况:在顶部有一个总的导航,然后接下来会有一个banner,在banner的下面会有一个二级导航,二级导航的每个页面都有一定的内容,为了显示更友好, ...
使用 jQuery.Pin 垂直滚动时固定导航
ZKEACMS的导航默认是不能固定的,随着页面的滚动而滚动,为了有更好的用户体验,当页面往下滚动时,可以将导航固定在顶端,这样方便用户点击. jQuery Pin 借助jQuery的一个插件 jQue ...
导航栏随页面滚动html,实现随着滚动条滚动，导航会自动切换的效果
实现导航栏跟随滚动, 点击导航页面滚动到相应指定位置? 第一次写博客,还望指正不足:wo..菜鸟+1 简单的思路是: 导航菜单里, 通过给元素指定 data-socrll-id 属性, 来影射内 ...
jquery弹窗时禁止body滚动条滚动
项目场景:jquery弹窗时禁止body滚动条滚动解决方案:
Jquery控制div滚动，但不显示滚动条
Jquery控制div滚动,但不显示滚动条 Html代码: <div class="dv_phone_pic"> <div class="prew_bo ...

jquery实现滚动条滚动到一定高度导航固定不变

jquery实现滚动条滚动到一定高度导航固定不变相关推荐

最新文章

热门文章