禁止网页页面滚动只需要给document添加onmousewheel事件，然后在事件绑定函数当中设置e.preventDefault()就可以了，没错，就是芥末简单。 可是问题又来了，首先，onmousewheel是什么事件呢？它又有什么兼容性上的问题呢？ 带着以上的两个问题，我通过查阅资料并且通过 ...
分类：
其他好文 时间：
2016-11-06 17:03:44
阅读次数：
785
window.scrollTo(0,0); 如1设置的话，浏览器会在瞬间改变滚动条的位置，没有滚动的效果。如果要滚动的话，我们就需要慢慢的改变scrollTop的值就好。那么如何来做呢？ 依照上面的经验，我们可能这么写： 这么写，完全没有错误，把设置为固定值，就可以定点滚动了。这个例子里写的是匀速滚 ...
分类：
其他好文 时间：
2016-11-03 18:26:37
阅读次数：
301
jQuery页面滚动监听事件及高级效果插件 1. One Page scroll （只适用于上下焦点图）http://www.thepetedesign.com/demos/onepage_scroll_demo.html 2. Scrolld（更不好用）https://github.com/cha ...
分类：
Web程序 时间：
2016-10-24 20:03:05
阅读次数：
175
纯CSS方式 仔细看背景切换的方式，是不是类似于层叠起来的效果，这全依赖于CSS3的background-attachment: fixed;样式，它的作用是将背景图像固定在窗口中，于是背景就不会随着页面滚动啦，虽然原理很简单，但效果很漂亮呢。 唯一的不足是，每一个div的高度是固定的，对于不同的显 ...
分类：
Web程序 时间：
2016-10-17 07:20:16
阅读次数：
200
一、插件介绍 jquery.lazyload.js 是一个用 JavaScript 编写的jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置.这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快 ...
分类：
Web程序 时间：
2016-10-14 20:47:25
阅读次数：
264
Offset 自己的 偏移 scroll 滚动的 scrollTop scrollLeft scrollTop 被卷去的头部 它就是当你滑动滚轮浏览网页的时候网页隐藏在屏幕上方的距离 怎么得到scrollTop 页面滚动效果 window.onscroll = function() { 页面滚动语句 ...
分类：
其他好文 时间：
2016-10-05 15:31:45
阅读次数：
102
原理是： 滚动高度 ＋ 页面高度 ＝ 页面滚动总高度 代码如下： ...
分类：
其他好文 时间：
2016-09-27 17:48:43
阅读次数：
115
35 图片延迟加载也称懒加载，通常应用于图片比较多的网页，如果一个页面图片比较多，且页面高度或宽度有好几屏，页面初次加载时，只显示可视区域的图片，当页面滚动的时候，图片进入了可视区域再进行加载，这样可以显著的提高页面的加载速度，更少的图片并发请求数也可以减轻服务器的压力。如果用户仅仅在首屏停留，还可 ...
分类：
其他好文 时间：
2016-09-17 19:10:12
阅读次数：
185
最近遇到一个需求，页面中只有一个div允许滚动，其他内容不允许滚动。 正常来讲加上 应该就阻止页面滚动了。可是很悲催的是手机端并不能很好的执行，而且还有弹性效果。所以只能对默认的滚动进行干涉。首先禁止body 然后取得触摸点的坐标 然后对允许滚动的div进行判断 这样处理完后，就只能指定的div滚动 ...
分类：
微信 时间：
2016-09-15 19:17:41
阅读次数：
605
最近做移动端,总是遇到很蛋疼的问题, 决定把一些黑魔法记下来, 微信浏览器中想必会有很多事情让我大前端小伙伴头疼,23333终于皇天不负有心人, 在网上找到了一个可以防页面滚动滑到顶端或底部的时候, 漏出微信丑丑的灰色底[/偷笑]原文网址:https://blog.ghostry.cn/progra ...
分类：
微信 时间：
2016-09-15 15:09:52
阅读次数：
675
