-
var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;或var top = document.documentElement.scrollTop || document.body.scrollTop;用js实现滚动时根据滚动条的位置自动设置导航菜单的焦点 在chrome下document.documentElement.scrollTop为0，用var top = document.documentElement.scrollTop || document.body.scrollTop;查看全部
-
var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop; IE浏览器对document.getElementsByClassName()兼容性较差，需要编写一个函数代替这个功能！查看全部
-
写完一个网页，需要进行IE兼容性测试，使用IETester进行测试。IE6不能使用css中position:fix的属性，需要使用特殊hack /*ie6 hack*/ * html, * html body { background-image: url(about:blank); background-attachment: fixed; } * html #menu { /*position: fixed;*/ position: absolute; top: expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px'); }查看全部
-
设置锚点：<a href="#item1"></a>查看全部
-
menu.find("[href="+currentId+"]").addClass("current");查看全部
-
item.each(function(){ var m= $(this); var itemTop = m.offset().top;//获取各个元素距离顶部的距离值 })查看全部
-
滚动条监听滚动事件：$(document).ready(function(){ $(window).scroll(function(){ var top=$(document).scrollTop();//滚动条滚动距离获取 //console.log(top)可以在浏览器中输出结果(F12) var menu = $("#menu"); var item = $("#content").find(".item");//jQuery中id筛选永远比class筛选效率高很多 item.each(function(){...}）； }); })查看全部
-
li元素css设置：display:inline设置一行显示。 left：50%； margin-left:400px;经常用到的技巧！先定位中部再中部向右。查看全部
-
锚点通常放在文档的顶部。查看全部
-
scroll([data],fn)：当用户滚动指定的元素时，会发生scroll事件。适用于所有可滚动的元素和window对象（浏览器窗口）。例如：$(window).scroll(function(){}); scrollTop([val]):获取/设置匹配元素相对滚动条顶部的偏移。 offset()：获取元素的相对偏移。返回对象包含两个整形属性：top和left，以像素计。查看全部
-
分析-设计-实现。初学者最容易犯的错误是还没有想明白怎么做，就开始动手编码。查看全部
-
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 name获取元素。查看全部
-
掌握技术点查看全部
-
解决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'); }查看全部
-
$(document).ready(function () { $(window).scroll(function () { var items = $("#content").find(".item"); var menu = $("#menu"); var top = $(document).scrollTop(); var currentId = ""; //滚动条现在所在位置的item id items.each(function () { var m = $(this); //注意：m.offset().top代表每一个item的顶部位置 if (top > m.offset().top - 300) { currentId = "#" + m.attr("id"); } else { return false; } }); var currentLink = menu.find(".current"); if (currentId && currentLink.attr("href") != currentId) { currentLink.removeClass("current"); menu.find("[href=" + currentId + "]").addClass("current"); } }); });查看全部
举报
0/150
提交
取消