Jquery 返回滚动时恢复旧式

Jquery 返回滚动时恢复旧式,jquery,html,css,Jquery,Html,Css,当滚动200px时,我的导航栏将重新排列,但当滚动回顶部时,导航栏不会改变。当滚动到顶部时,我想将导航栏更改为旧阶段: $document.scroll函数{ var y=$this.scrollTop; 如果y>300{ $'.nav'.css{位置:固定,顶部:0,背景色:252525,边距:0,宽度:100%,填充:10px 0 10px 0};; } }; .导航{ 保证金:10px 10px 10px 10px; 字体大小:120%; 文本对齐:居中; 垫底:20px; 位置:静态;

当滚动200px时,我的导航栏将重新排列,但当滚动回顶部时,导航栏不会改变。当滚动到顶部时,我想将导航栏更改为旧阶段:

$document.scroll函数{ var y=$this.scrollTop; 如果y>300{ $'.nav'.css{位置:固定,顶部:0,背景色:252525,边距:0,宽度:100%,填充:10px 0 10px 0};; } }; .导航{ 保证金:10px 10px 10px 10px; 字体大小:120%; 文本对齐:居中; 垫底:20px; 位置:静态; } .nav>li{ 显示:内联块; 列表样式:无; 右边距:10px; }
尝试这样的方法,我已经添加了一个类。修复并添加了这个类的属性,然后我使用jQuery addClass方法,这将完美地与代码片段一起工作

$document.scroll函数{ var y=$this.scrollTop; 如果y>300{ $'.nav'.addClass'fixed'; } 否则{ $'.nav'.removeClass'fixed'; } }; 身体{ 高度:1000px;/*显示滚动条*/ } 导航{ 保证金:10px 10px 10px 10px; 字体大小:120%; 文本对齐:居中; 垫底:20px; 位置:静态; } .nav>li{ 显示:内联块; 列表样式:无; 右边距:10px; } .固定{ 位置:固定; 排名:0; 背景色:252525; 保证金:0; 宽度:100%; 填充:10px 0 10px 0; }
当y>300时,您正在设置新属性。你永远不会让他们后退当你