1.css 2.位置 3.scroll滚动 -1.scrollTop():读取/设置滚动条的Y坐标 -2.$(document.body).scrollTop()+$(document.documentElement).scrollTop() 读取页面滚动条的Y坐标（兼容chrome和IE） -3. ...
分类：
Web程序 时间：
2019-05-19 12:27:16
阅读次数：
140
不知大家在前端开发实践中有没有做过这样一个效果，就是页面布局中有一个顶部通栏的搜索登录框，我们的需求就是当鼠标向下滚动时，顶部通栏始终固定在顶部，并且默认顶部是透明背景，而当页面滚动时，顶部通栏的透明度随着页面卷曲的高度增加而变大，当页面滚动距离超过某一个高度时，透明度就固定不变了。顶部通栏的固定很 ...
分类：
其他好文 时间：
2019-05-16 15:07:16
阅读次数：
446
思路： input或者textarea 在用户获取焦点的时候，底部定位的元素 fixed变为absolute， 在input失去焦点的时候，底部定位元素 再变成 fixed。再让页面滚动一下，让顶上去的一部分元素，回来。 ...
分类：
移动开发 时间：
2019-04-23 12:46:19
阅读次数：
215
stop(){ var mo=function(e){e.preventDefault();}; document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo,false);//禁止页面滑动 }, /* ...
分类：
其他好文 时间：
2019-03-26 16:38:57
阅读次数：
198
开发移动端页面的时候有一个很比较常见的需求，在出现弹窗时，禁止滑动弹窗后面的主体页面。如何实现呢，往下看 js实现整个页面禁止滚动： passive是干吗用的呢，设置该属性的目的主要是为了在阻止事件默认行为导致的卡顿。等待监听器的执行是耗时的，有些甚至耗时很明显，这样就会导致页面卡顿。即便监听器是个 ...
分类：
Web程序 时间：
2019-02-28 21:07:33
阅读次数：
1588
方法 string sessionStorage.key(int index) ：返回当前 sessionStorage 对象的第index序号的key名称。若没有返回null。 string sessionStorage.getItem(string key) ：返回键名(key)对应的值(val ...
分类：
其他好文 时间：
2019-02-16 13:32:20
阅读次数：
187
一、Headroom.js是什么？ Headroom.js是一个轻量级、高性能的JS小工具(不依赖任何工具库！)，它能在页面滚动时做出响应。 此页面顶部的导航条就是一个鲜活的案例,当页面向下滚动时,导航条消失,当页面向上滚动时,导航条就出现了。 二、Headroom.js有什么用？ 固定页头(导航条 ...
分类：
Web程序 时间：
2019-01-30 20:28:23
阅读次数：
207
$(window).scroll(function () { var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if ( ...
分类：
Web程序 时间：
2019-01-28 13:59:41
阅读次数：
134
首屏优化点：1.加载包（bundle.js）文件的大小，越小，首屏渲染速度越快 (按需加载) 2.优先渲染用户直观看到的页面部分（懒加载） 技术点：react-loadable 、 react-lazyload 滚动前： 滚动后： 多了一个4.chunk.js,页面滚动到此组件位置，采取加载此组件， ...
分类：
其他好文 时间：
2019-01-27 16:35:04
阅读次数：
290
