最近写项目，要求实现滚动条滚动到底部的时候请求加载更多的数据。要实现此功能首先想到的就是scroll事件，经过查阅资料终于实现此功能，具体原理如下： 首先需要给div加scroll事件，监听滚动条滚动动作。滚动加载的原理：当滚动条的高度加上 滚动条到div顶部的高度 等于div的可滚动高度时，说明滚 ...
分类：
其他好文 时间：
2017-09-07 13:42:47
阅读次数：
219
::-webkit-scrollbar{ width:0;}::-webkit-scrollbar-track { background:rgba(0,0,0,0);} ::-webkit-scrollbar-thumb { background:rgba(0,0,0,0);} ::-webkit- ...
分类：
移动开发 时间：
2017-09-04 17:50:30
阅读次数：
264
因为移动端浏览器的原生滚动条样式很好，不像pc端那么难看，所以在页面需要滚动的地方用了原生的滚动条，这种滚动条在安卓浏览器中没有任何问题， 但是在ios微信浏览器还是自带浏览器中都会反应迟钝，很难滑动，有的地方干脆不能滑，用户体验很垃圾，查了一些资料后， 找到了这个属性 -webkit-overfl ...
分类：
移动开发 时间：
2017-08-30 21:48:02
阅读次数：
169
上篇文章解决的是整个document如果判断滚动条滚动到底部，那么对于文档中的div如果判断div元素滚动条滚动到底部呢？ 针对这个问题，结合上文的思路，作者做了测试，经过几轮代码修正和迭代解决了这个问题。 代码如下： <div id="outer"> <div id="inner"> 909080 ...
分类：
其他好文 时间：
2017-08-26 19:44:18
阅读次数：
196
滚动条没有实际的高度。只是为了呈现效果才在外型上面有长度。 在js当中也没有提供滚动条的高度API。 参考了网上有关资料：判断滚动条到底部的基本逻辑是滚动条滚动的高度加上视口的高度，正好是document的高度，公式表示为 滚动条滚动的高度+浏览器视口的高度>=document的高度。 参考网上资料 ...
分类：
其他好文 时间：
2017-08-26 18:40:14
阅读次数：
142
一、原理：当滚动条到达底部时，执行下一页内容。判断条件需要理解三个概念： 1.scrollHeight 真实内容的高度 2.clientHeight 视窗的高度，即在浏览器中所能看到的内容的高度 3.scrollTop 视窗上面隐藏掉的部分，即滚动条滚动的距离思路： 1.使用fixed定位加载框 2 ...
分类：
移动开发 时间：
2017-08-25 10:48:05
阅读次数：
180
Title 这是顶部导航条 滚动看效果 滚动看效果 滚动看效果 ...
分类：
Web程序 时间：
2017-08-22 01:53:38
阅读次数：
230
<script> var isDisplayLog = false; function displayLog() { if (isDisplayLog == false) { $("#gridList2").show(); gridList2(); home.scrollIntoView(false ...
分类：
其他好文 时间：
2017-08-04 15:20:24
阅读次数：
118
