-
用原生态js编写代码,尤其要注意浏览器的兼容性。 如果某些浏览器不兼容,将可以通过编辑函数来实现或替代某些功能。 1、比如,使用document.getElementsByClassName(),IE对这个方法的支持很差。解决方法代码如下。 function getByClassName(obj,cls){ var element = document.getElementsByTagName("*"); var result = []; for (var i = 0; i < element.length; i++) { if (element[i].className == cls) { result.push(element[i]); } } return result; } } 注意但是这个方法不适用于多个class的时候 2、获取页面的滚动条距离顶部的高度可以用下面的方法(因为在XHTML中不支持documentElement所以要用body来获取scrollTop): var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;查看全部
-
IETester包含多个版本的IE,可以方便的用来进行兼容性测试,获取下载或者更多信息可以访问:http://www.my-debugbar.com/wiki/IETester/HomePage查看全部
-
jQuery的offset()方法会返回一个对象,包含top和left属性。查看全部
-
锚点可以在文档中设置标记,这些标记通常放在文档的顶部查看全部
-
scroll(data,fn函数):当用户滚动指定的元素时,会发生scroll事件。scroll事件适用于所有可滚动的元素和window对象(浏览器窗口)。 例如 当页面滚动条发生变化时,执行函数......: $(window).scroll(function(){/*......*/}; scrollTop(val):获取/设置匹配元素相对滚动条顶部的偏移。 offset():获取匹配元素的相对偏移。返回对象包含两个整形属性:top和left,以像素计查看全部
-
锚点:锚点是网页制作中超链接的一种,又叫命名锚点。锚点是一种页面内的超级链接查看全部
-
解决问题的一般流程:分析-设计-实现查看全部
-
特效分析: 左侧内容,右侧悬浮导航菜单 左侧滚动,右侧不改变位置 左侧滚到相应栏目,右侧定位到对应链接 点击右侧,左侧定位相应栏目查看全部
-
网页定位导航特效指的是在页面内定位导航查看全部
-
特效分析: 导航与滚动条之间的定位关联查看全部
-
解决问题的流程 分析-设计-实现 特效分析:查看全部
-
/*ie6 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'); }查看全部
-
var currentId = ""; items.each(function () { var m = $(this); var itemTop = m.offset().top; if (top > itemTop ) { currentId = "#" + m.attr("id"); console.log(currentId); } else { return false; }}); 用了 console.log(currentId);能实时的看出得到的id.只要滚动,id和top一直都在循环比较中查看全部
-
锚点(anchor)是网页制作中超链接的一种。 锚点是一种页面内的超级链接。 使用锚点可以在文档中设置标记,这些标记通常放在文档的顶部。查看全部
-
解决IE6不兼容fixed属性的方法,在css中加入: /*ie6 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/150
提交
取消