要想实现电商网站的电梯导航效果，首先需要了解以下知识点： jquery 事件 - scroll() 方法 对元素滚动的次数进行计数，当用户滚动指定的元素时，会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。scroll() 方法触发 scrol ...
分类：
Web程序 时间：
2017-05-12 20:20:14
阅读次数：
365
本文章参考：http://www.cnblogs.com/ssrsblogs/p/6108423.html 分析：1.需要判断滚动条是否到底部： 需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。 scrollTop为滚动条在Y轴上的滚动距离。 c ...
分类：
Web程序 时间：
2017-05-11 18:39:54
阅读次数：
635
为窗口添加滚动条事件其实非常的简单， window.onscroll=function(){}; 注意在获取滚动条距离的时候 谷歌不识别document.documentElement.scrollTop，必须要加上document.body.scrollTop；即 var scrolltop=do... ...
一、了解jQuery 1、jQuery是一个JavaScript库；极大地简化了JavaScript编程；易学。 2、jQuery库可以通过一行简单标记添加到网页中 特征：HTML元素选取、操作；CSS操作；HTML事件函数；JavaScript特效和动画；HTML DOM遍历和修改；AJAX；Ut ...
分类：
Web程序 时间：
2017-05-09 15:42:18
阅读次数：
236
在各大网站上我们都可以看到一个回到顶部按钮，但它是怎么做的呢？ 其实很简单,我们只需要将scrollTop的值置为0即可。但为了让回滚的效果更舒服，我们需要利用一点运动学的知识让页面滚动的速度由快变慢，例如speed = scrollTop/8。 先给出布局代码: 我们先获取到初始的scrollTo ...
分类：
其他好文 时间：
2017-05-08 21:06:52
阅读次数：
266
网页可见区域的宽：document.body.clientWidth 网页可见区域的高：document.body.clientHeight 网页可见区域的宽：document.body.offsetWidth（包括边线的宽） 网页可见区域的高：document.body.offsetHeight（ ...
分类：
编程语言 时间：
2017-05-05 23:03:59
阅读次数：
146
const scrollLen = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; ...
分类：
Web程序 时间：
2017-05-05 12:53:48
阅读次数：
148
当div中绑定数据，给它一个属性overflow-y: scroll，添加长度大小，使其能够出现滚动条；每次刷新的时候滚动条总是会出现在最上方，这使我很头疼，经过查阅网上资料，返现两种方法可行。如下： 第一种方案 将上一个页面的div的scrolltop距离长度记录在cookie中，然后通过js调整 ...
分类：
Web程序 时间：
2017-05-03 17:18:19
阅读次数：
302
镇场诗： 清心感悟智慧语，不着世间名与利。学水处下纳百川，舍尽贡高我慢意。 学有小成返哺根，愿铸一良心博客。诚心于此写经验，愿见文者得启发。——————————————————————————————————————————code: result: 初始状态： 滚动后： ————————————— ...
分类：
编程语言 时间：
2017-05-03 13:05:53
阅读次数：
1090
今天，想测试一个div与顶部的距离，用的是.offsetTop，但是offsetTop获得的值，怎么都打印不出来。折腾了半天，打印的结果都是undefined，虽然网上很多资料都说返回的是数值。虽然这个函数永不了，但是黄显钦找到了一个可以替代offsetTop的函数。那就是jquery的offset ...
分类：
Web程序 时间：
2017-04-30 17:15:19
阅读次数：
264
