网页定位导航特效_学习笔记

首页免费课网页定位导航特效笔记

网页定位导航特效

                
                姜维
            Web前端工程师

                    查看讲师更多课程 
                    姜维讲师的其他课程
                
jQuery插件——Validation Plugin
中级·65871
免费课程
                                
jQM Web App –列车时刻表
中级·38491
免费课程
                                
基于bootstrap的网页开发
中级·187669
免费课程
                                
WEB调试工具---Firebug
初级·77662
免费课程
                                
用JS实现放大镜特效
初级·30102
免费课程
                                
                难度初级
            
                时长 1小时 1分
            
                学习人数
            
综合评分9.77
                            332人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.7
                                简洁易懂
                            
                                9.7
                                逻辑清晰

最热最新

fluteonline

offset是相对于整个页面，当前元素所在的位置 scrollTop是指滚动条相对于整个页面所在的位置 jQuery的offset()方法会返回一个对象，包含top和left属性。

查看全部

0 采集收起来源：练习题
2015-01-20
willberpanfans

针对因为IE6不支持position:fixed出现的显示问题而使用的hack: * html,*html body { background-image: url(about:blank); background-attachment:fixed; } * html #menu { position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }

查看全部

0 采集收起来源：浏览器调试
2015-01-20
西哈

scroll([data].fn):当用户滚动指定元素时，会发生scroll事件。 scroll事件适用于所有可滚动的元素和window对象（浏览器窗口）。例如当页面滚动条变化时，执行函数。 $(window).scroll(function(){}); scrollTop([val]):获取/设置匹配元素相对滚动条顶部的偏移。 offset()：获取匹配元素的相对偏移，返回的对象包含两个整形属性，top和left，以像素计。

查看全部

0 采集收起来源：特效设计
2015-01-19
willberpanfans

技术点 1.scroll([data],fn):当用户滚动指定的元素时，会发生scroll事件 scroll事件食用于所有可滚动的元素和window对象(浏览器窗口) 当页面滚动条变化时，执行函数...: $(window).scroll(function(){/*...*/}); scrollTop([val]):获取/设置匹配元素相对滚动条顶部的偏移 offset():获取匹配元素的相对偏移。返回的对象包含两个整形属性：top和left，以像素计。

查看全部

0 采集收起来源：特效设计
2015-01-30
壁花demon 01:59

scrollTop（[val]）、offset（）事件详解

查看全部

0 采集收起来源：特效设计
2015-01-11
stephenchen

jQuery的offset()方法将返回的是一个包含top和left属性的对象

查看全部

0 采集收起来源：练习题
2015-01-09
煌庭 01:55

特效所需要掌握的技术点

查看全部

0 采集收起来源：特效设计
2015-01-07
煌庭 02:42

导航与滚动条直接的定位关联

查看全部

0 采集收起来源：网页定位导航设计
2015-01-07
煌庭 00:58

特效分析1

查看全部

0 采集收起来源：网页定位导航设计
2015-01-07
qq_炬力北方陈_0

谢谢老师

查看全部

3 采集收起来源：结语
2015-03-10
allKinds 02:34

特效分析

查看全部

0 采集收起来源：网页定位导航设计
2015-01-07
木大人

针对因为IE6不支持position:fixed出现的显示问题而使用的hack: * html,*html body { background-image: url(about:blank); background-attachment:fixed; } * html #menu { position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }

查看全部

0 采集收起来源：浏览器调试
2015-01-03
木大人

针对因为IE6不支持position:fixed出现的显示问题而使用的hack: * html,*html body { background-image: url(about:blank); background-attachment:fiexd; } * html #menu { position:absolute; top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }

查看全部

0 采集收起来源：浏览器调试
2015-01-03
木大人

1.$(document).scrollTop获取网页向上移动的距离;$(this).offset().top获取当前选取的对象到网页顶端距离 2.$("content").find(".item")的效率比 $("content .item")要高，jQuery通过ID筛选比class效率高很多

查看全部

0 采集收起来源：使用jQuery实现网页定位导航（中）
2018-03-22
木大人

zencoding插件简写举例：ul>li*5>a 使用说明：表示建立了一个ul,包含5个li，每个li里面包含一个a标签。简写后，按下Tab键就可以实现。

查看全部

0 采集收起来源：使用jQuery实现网页定位导航（上）
2018-03-22