-
ieTest ie7 vs ie6 ie6 不支持fixed属性 /*hack*/ 浏览器适配 为不同的浏览器设置不同的样式查看全部
-
导航定位查看全部
-
jQuery的offset()方法会返回一个对象，包含top和left属性。查看全部
-
@@网页定位导航特效 6-3 使用JS实现函数--- addclass和removeclass的方法 JS中没有addclass和removeclass的方法 使用正则表达式判断class的存在: obj.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)")) 注意：RegExp的参数是字符串，\\是把\转义 注意addclass的时候要加空格查看全部
-
var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop; 因为兼容性问题，要用如上的方法。 使用原生方法，要注意兼容性查看全部
-
function getByClass(obj,cls){ var elements = obj.getElementsByTagName("*"); var result = []; for(var i=0;i<elements.length;i++) { if(elements[i].className == cls) { result.push(elements[i]); } }查看全部
-
浏览器调试： IETest测试工具，一般情况下ie7下通过了ie8,ie9也没有问题， 特别的ie6不支持position的fixed属性，做一个hack即通过一些特殊的编码解决这些问题。 【hack---不同浏览器设置不同的样式，已达到兼容的目的。】 通过给样式额外添加hack，以达到ie兼容问题。具体操作是在相应样式前添加“* html”来实现，同时如果有某些属性为ie所不能兼容的，将以特殊表达式来实现，例如：fixed属性。 通过给body添加空白图片的技巧来稳定fixed导航的跳动。 /* IE 6 hack */ /* 针对 IE6 不支持 position:fixed 出现的显示问题而使用的*/ * 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'); } CSS hack技巧大全 http://www.duitang.com/static/csshack.html查看全部
-
$(function(){ //滚动条发生滚动 $(window).scroll(function(){ var top = $(document).scrollTop();//console.log(top); var menu = $("#menu"); var items = $("#content").find(".item");//效率高 var currentId = "";//当前所在的楼层（item）#id items.each(function() { var m = $(this); var itemTop = m.offset().top;//console.log(itemTop); if(top>itemTop-200){//对于临界值的处理为了优化用户体验所以要减去一点像素 currentId = "#" + m.attr("id"); }else{ return false; } //给相应楼层的a 设置current ，取消其他链接的current var currentLink = menu.find(".current"); if(currentId&¤tLink.attr("href")!=currentId){ currentLink.removeClass("current"); menu.find("[href="+currentId +"]").addClass("current"); } }); }); }); 说明： ①判断currentId是否有值还有是否改变 再改变右侧焦点 ②对于临界值的处理为了优化用户体验所以要减去一点像素 ③$("selector").find("[attribute=value]"); 获得属性值为特定值的节点查看全部
-
@@网页定位导航特效 知识要点 jQuery中通过id筛选永远比用class筛选的效率要高的多所以通过$("#").find()更有效率 $(window).scroll()滚动条滚动的时候 $(document).scrollTop()获取滚动条距离页面顶端的距离 items是所有item的集合 each遍历所有item m.offset().top是获取所有item距离顶端的距离 然后当前滚动条依次与item的距离比较 console.Log(元素)在控制台看该元素的值 each遍历item所以this的值也在变化 currentId获取当前的ID，return false跳出循环查看全部
-
html5取消了name属性查看全部
-
涉及技术点 锚点anchor 滚动定位 jQuery查看全部
-
锚点anchor查看全部
-
知识点 scroll、offset查看全部
-
涉及技术点 锚点anchor 滚动定位 jQuery查看全部
-
定位关联查看全部
举报
0/150
提交
取消