摘要: 基本原理 图片滚动懒加载的原理非常简单:基于<img>标签,在初次加载时,不把图片url放在src属性中,而是自定义一个属性,例如data-src。然后检测"scroll","resize"等窗体事件,判断图片是否进入了可视范围。如果进入,则将data-src的字段替换到src,此时浏览器会自动去加 阅读全文
posted @ 2017-04-07 20:25 三尺微命--- 阅读(533) 评论(0) 推荐(0) 编辑
摘要: 一,布局 移动端的整体布局一般来说可以分为上中下三个部分,分别为 header、main、footer,其中header、footer 是固定高度,分别固定在页面顶部和页面底部,而 main 是占据页面其余位置,并且可以滚动。 页面布局如下: 根据页面滚动的位置分为两种布局,一种是滚动 body,另 阅读全文
posted @ 2017-04-07 20:19 三尺微命--- 阅读(555) 评论(0) 推荐(0) 编辑