请看第一题： 为什么我的input获取焦点后，被输入法遮住了。 解决办法： 源码： 一向如此任性，从不解释为什么，为什么？这是去年的代码，所以，我也忘了…… 请看第二题： 今天一个辞职很久的前端姐姐问我一个在ios safari浏览器中为什么我的css为position：fixed的header居然 ...
分类：
移动开发 时间：
2017-12-26 17:53:44
阅读次数：
232
修改 Class 而不是 Style 我在不久前做过一个导航栏，要求其滚动到屏幕顶端后固定。很常见。开始的时候没问题，很快就可以搞定。 运行很流畅。 做好，我自然就忙着网页内容去了。没曾想，随着页面 JS 的不断增加，导航栏在固定时出现了可怕的闪动。 唔，就是 一下看得见 一下看不见 的东西！ 应该 ...
分类：
其他好文 时间：
2017-12-18 18:46:27
阅读次数：
1081
a. onscroll事件 scroll是css样式中overflow的一个值，意思是显示滚动条;当一个元素的实际高度超过他的最大高度是，只要设置了overflow为scroll b. $(..).scrollTop() c. $(..).scrollTop(10) =>$(..).scrollLe... ...
分类：
Web程序 时间：
2017-12-16 12:55:14
阅读次数：
240
网页中常会看到一个菜单栏会本来在一个固定的位置上，等页面往下滚动的时候，它会先到顶部，再和页面一起往下走，这种效果同样是需要使用JS来实现。 其中用到了一个新的事件：onscroll为元素滚动时执行；并且使用到了“position="fixed"”这个样式对这个<div>进行了定位，即可呈现出下面的 ...
分类：
其他好文 时间：
2017-12-10 22:54:15
阅读次数：
166
onscroll 解释：当元素的滚动条滚动时触发的事件。 onscroll事件貌似任何实体元素都可以绑定，这里的实体元素包括DOM元素、window元素、document元素。 用法即：element.onscroll=function(){}; 需要注意的是，滚动条一定要出现，而且滚动条是属于这元 ...
// 函数节流 var canRun = true; document.getElementById("throttle").onscroll = function(){ if(!canRun){ // 判断是否已空闲，如果在执行中，则直接return return; } canRun = fals... ...
分类：
Web程序 时间：
2017-11-29 17:02:51
阅读次数：
298
网页中获取滚动条卷去部分的高度，可以通过 document.body.scrollTop 来获取，比如使div跟着滚动条滚动： 运行后没有达到预期效果，输出 document.body.scrollTop 的值一看，一直都是 0。一翻折腾，原来是 DTD 的问题，要是页面直接用 <html> 开头的 ...
分类：
其他好文 时间：
2017-11-21 20:51:48
阅读次数：
124
JS window.onload=function() { var nav=document.getElementById('nav'); var navFixed=document.getElementById('navFixed'); window.onscroll=function() { v ...
分类：
其他好文 时间：
2017-11-01 22:11:40
阅读次数：
154
var clientHeight=document.getElementById('eventList').clientHeight;//可视区高document.getElementById('eventList').onscroll=()=>{ //console.log(document.ge ...
分类：
其他好文 时间：
2017-10-31 12:52:12
阅读次数：
106
问题：近期项目需要一个类似西东功能，当页面向上滚动160px后div固定在顶部 解决方法：首先，想到的是window.onscroll方法 .fixed{position:fixed;-webkit-transform: translateZ(0);width:100%;top:0;z-index: ...
分类：
其他好文 时间：
2017-10-30 14:38:04
阅读次数：
547
