做过弹层组件的童鞋应该都考虑过特殊情况下取消页面滚动条,让其不能滚动,这样用户体验会好很多,当弹层内容超出屏幕展现范围的时候在弹层上面增加滚动条来查看全部内容。一、去除滚动条方法给body添加overflow:hidden属性即可,IE6、7下不会生效,需要给html增加overflow:hidde...
分类:
Web程序 时间:
2014-12-19 12:55:09
阅读次数:
243
//jquery页面滚动到指定id $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');// 这行是 Opera 的补丁, 少了它 Opera ...
分类:
Web程序 时间:
2014-12-16 18:27:02
阅读次数:
314
在一个单页面设置一个主菜单,当页面滚动时主菜单位置固定在页面窗口中不动,或左或右,或上或下。当单击菜单项时,页面滚动到菜单对应的内容区,当页面滚动到预定内容位置时,对应的菜单项变为当前选中样式。此效果可以应用在一些内容比较长的单页设计,本文将介绍使用JjQuery和css来实现这一效果,demo中分...
分类:
其他好文 时间:
2014-12-16 16:42:31
阅读次数:
129
现在很多网页中都用到了滚屏的效果,这样的插件也不在少数,但我们不能只会用插件,还要了解一下他的原理。下面我就来说说 我自己对滚屏的理解。 页面滚动的前提是有滚动条,那什么时候才会有滚动条那,就是页面里的高度超出你窗口的高度时就会出现纵向滚动条,横向的也是同样的道理。在javascript里有一个s....
分类:
其他好文 时间:
2014-12-15 13:38:09
阅读次数:
110
Lazy Load, 延迟加载图片的 jQuery 插件 - NeoEaseLazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反...
分类:
Web程序 时间:
2014-12-09 22:46:38
阅读次数:
282
这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件。它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换动画。相信借助这些插件,你也可以让网站变得高大上起来。 ScrollReveal.js ScrollReveal.js 用于创...
分类:
编程语言 时间:
2014-12-09 17:11:57
阅读次数:
258
文章来自:http://www.webhek.com/scrollbar本文将会告诉你如何用CSS修改/美化浏览器页面上出现的滚动条。改变它们的颜色,调整它们的外形,适配你对页面UI设计。我们首先将会看看谷歌(Webkit)浏览器提供了哪些CSS属性,最后,还将介绍如何用jQuery支持其它类型的浏...
分类:
Web程序 时间:
2014-12-04 00:48:04
阅读次数:
311
不用多说了。 width插入页的宽;height插入页的高;scrolling是否显示页面滚动条(可选的参数为auto、yes、no,如果省略这个参数,则默认为auto);frameborder边框大小; 注意:URL建议用绝对路径 传说中百DU用:黑了88*8。。。 例子2。 如果一个页...
分类:
其他好文 时间:
2014-12-03 13:59:44
阅读次数:
132
在现在更加追加页面加载速度和用户体验的情况下,页面的滚动事件使用的越来越多。通常我们使用滚动事件主要做的事情主要有:ajax异步加载,加快页面首次加载的速度懒加载(或延迟加载):先把HTML元素放到textarea标签中,或把img的链接先放到一个字段里,页面滚动到某个位置时才进行开始加载顶部导.....
分类:
其他好文 时间:
2014-12-01 00:34:05
阅读次数:
508