摘要: 固定导航栏 1、计算导航栏到顶部的距离值 2、当scrollTop值大于这个距离值就添加定位,当小于距离值后解除定位 注意事项:当导航栏添加定位之后,导航栏就脱离了文档流,也就是不占位了,下面的盒子就会顶上来,所以要给下面盒子添加padding-top值 两侧跟随广告 1、之前都是offsetLef 阅读全文
posted @ 2017-12-01 13:48 var_obj 阅读(1512) 评论(0) 推荐(0) 编辑
摘要: DTD未声明:document.body.scrollTop DTD已声明:document.documentElement.scrollTop 火狐谷歌IE9:window.pageYOffset compatMode:可以判断是否声明DTD,CSS1Compat是,BackCompat否 复杂版 阅读全文
posted @ 2017-12-01 10:33 var_obj 阅读(247) 评论(0) 推荐(0) 编辑
摘要: document.title——文档标题 document.head——文档头标签 document.body——文档的主体 document.documentElement 表示整个文档的html标签,也就是说结构中的html标签并不是通过document.html来访问的。 阅读全文
posted @ 2017-12-01 09:57 var_obj 阅读(483) 评论(0) 推荐(0) 编辑
摘要: scrollWidth:父div宽度小于子div宽度,父div scrollWidth宽度为子div的宽度,大于则为本身的宽度width+padding scrollHeight:父div高度小于子div高度,父div scrollHeight高度为子div高度,大于则为本身的高度height+pa 阅读全文
posted @ 2017-12-01 09:51 var_obj 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 需求: 1、鼠标移动到哪里,云彩移动到哪里 2、鼠标离开,云彩回到原点 3、鼠标离开,云彩回到之前点击的地方 阅读全文
posted @ 2017-12-01 00:50 var_obj 阅读(1109) 评论(0) 推荐(1) 编辑
摘要: 核心思想: (1)相对于匀速移动,盒子每次移动的步长都是变化的,公式:盒子位置=盒子本身位置+(目标位置-盒子本身位置)/10 (2)在盒子位置与目标距离小于10px时,其步长必然是小数,又由于offsetLeft的变态的逢4进值,那么只要小数点的值小于4就会停滞不前 (3)所以要么往上取整,要么往 阅读全文
posted @ 2017-12-01 00:47 var_obj 阅读(2651) 评论(0) 推荐(0) 编辑