2018年9月16日
摘要: 本次要实现的是一种常见的网页效果,如下: 页面由头部,导航,主体内容三部分组成,当页面发生滚动时,头部逐渐隐藏,导航部分向上移动,直到导航部分距离浏览器顶部为零时,导航部分固定不动,保持吸顶效果,如下所示: 我们分三步实现上面的效果。 首先是页面的基础结构,为了简化操作,将头部、导航部分和主体内容部 阅读全文
posted @ 2018-09-16 22:11 紅葉 阅读(1401) 评论(0) 推荐(0) 编辑
摘要: 上一篇主要分析了一下offset家族属性,本篇文章则主要是来分析一下scroll家族属性。 首先,scroll家族包括4个属性: 网页正文宽度:document.body.scrollWidth; 网页正文高度:document.body.scrollHeight; 网页被卷去的高:document 阅读全文
posted @ 2018-09-16 14:50 紅葉 阅读(1531) 评论(0) 推荐(0) 编辑
摘要: 在JavaScript中,常用offset、scroll和client家族属性来表示元素的位置和大小相关属性,最近在网上找到了一张图来表示三者之间的关系,正好可以在此借鉴一下。 本次主要来看一下offset家族,包括offsetWidth、offsetHeight、offsetLeft和offset 阅读全文
posted @ 2018-09-16 14:10 紅葉 阅读(552) 评论(0) 推荐(0) 编辑