-
小知识(使用jQuery): 1、滚动条发生滚动时执行事件(函数):$(window).scroll(function(){}) 2、获取滚动条滚动的距离:$(document).scrollTop()。但是在IE8以下会出错。 3、attr('href')对href的值不考虑查看全部
-
网页定位导航特效的原理: 1、利用锚点进行定位，即在导航菜单里a标签的href值设置为(#id) 2、利用jQuery的each遍历方法(在jQuery)。判断当前楼层的层数(currentID) 内容.each(function(){ if(top>scrollTop){ currentID='#'+导航菜单.attr('id') } else{ return false; } //取消原有的current，将新楼层加上current if(current&¤t!=导航菜单.attr('class')){ 导航菜单.removeclass(); 内容.find('[href='+curentId+']').addclass('current'); } }) 3、滚动条改变判断scrollTop与top的距离来决定导航变化查看全部
-
ie6不支持position:fixed属性； /*ie6 hack技术*/ 给背景添加一张空的背景图片，用来解决闪跳问题 *html,*html body{ background-image:url(about:black); background-attachment:fixed; } 解决滚动条位置不定的方法： *html #menu{ /*position:fixed*/ position:absolute; top:expression(((e=document.documentElement.scrollTop)?document.body.scrollTop)+100+"px"); }查看全部
-
var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop; //var top = document.documentElement.scrollTop || document.body.scrollTop; (兼容性的获得scrollTop的写法：)查看全部
-
ie6不支持position:fixed属性； /*ie6 hack技术*/ 给背景添加一张空的背景图片，用来解决闪跳问题 *html,*html body{ background-image:url(about:black); background-attachment:fixed; } 解决滚动条位置不定的方法： *html #menu{ /*position:fixed*/ position:absolute; top:expression(((e=document.documentElement.scrollTop)?document.body.scrollTop)+100+"px"); }查看全部
-
jQuery的offset()方法会返回一个对象，包含top和left属性。查看全部
-
使用锚点可以在文档中设置标记，这些标记通常放在文档的顶部。查看全部
-
IETester包含多个版本的IE，可以方便的用来进行兼容性测试，获取下载或者更多信息可以访问：http://www.my-debugbar.com/wiki/IETester/HomePage查看全部
-
当一个元素的实际高度超过其显示区域的高度时，在一定的设置下，浏览器会为该元素显示相应的垂直滚动条。此时，scrollTop()返回的就是该元素在可见区域之上被隐藏部分的高度(单位：像素)。 如果垂直滚动条在最上面(也就是可见区域之上没有被隐藏的内容)，或者当前元素是不可垂直滚动的，那么scrollTop()将返回0。 该函数属于jQuery对象(实例)，并且对可见的和隐藏的元素均有效。查看全部
-
、各浏览器下 scrollTop的差异 IE6/7/8/9/10： 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ； 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop ； Safari: safari 比较特别，有自己获取scrollTop的函数 ： window.pageYOffset ； Firefox: 火狐等等相对标准些的浏览器就省心多了，直接用 document.documentElement.scrollTop ； 2、获取scrollTop值 完美的获取scrollTop 赋值短语 ： 代码如下: var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; 通过这句赋值就能在任何情况下获得scrollTop 值。 仔细观察这句赋值，你发现啥了没？？ 没错， 就是 window.pageYOffset (Safari) 被放置在 || 的中间位置。 因为当 数字0 与 undefine 进行 或运算时，系统默认返回最后一个值。即或运算中 0 == undefine ; 当页面滚动条刚好在最顶端，即scrollTop值为 0 时，IE 下 window.pageYOffset (Safari) 返回为 undefine ，此时将 window.pageYOffset (Safari) 放在或运算最后面时， scrollTop 返回 undefine , undefine 用在接下去的运算就会报错咯。 而其他浏览器 无论 scrollTop 赋值或运算顺序如何都不会返回 undefine. 可以安全使用.. 所以说到头还是IE的问题咯. 杯具…查看全部
-
特效所需要掌握的技术点查看全部
-
特效设计查看全部
-
解决问题流程查看全部
-
offset（）：获取匹配元素的相对偏移。返回的对象包括两个整形属性：top和left，以像素计。查看全部
-
scroll事件适用于所有可滚动的元素和window对象（浏览器窗口）。 如 当页面滚动条变化时，执行函数。。。： $(window).scroll(function(){**************}); scrollTop([val]):获取/设置匹配元素相对滚动条顶部的编译查看全部
举报
0/150
提交
取消