在线演示1在线演示2在线演示3在线演示4在线演示5本地下载原文链接:http://www.gbtags.com/gb/share/5650.htm页面滚动切换效果今天介绍一个Javascript的小型的动画插件velocity.js,可以方便高效的开发一个具有多页面滚动切换效果的网站。浏览器支持ve...
分类:
Web程序 时间:
2015-07-13 15:29:24
阅读次数:
179
在线演示1本地下载jQuery是当今最流行的JS框架,利用jquery我们可以开发出很多高效的demo和成果。与此同时jquery相关的插件也可以很方便的完成一些特效,例如jquery scrollTo插件,可以方便的完成滑动到指定位置操作。记住由于jquery scrollto插件是依赖于jque...
分类:
Web程序 时间:
2015-07-08 14:28:54
阅读次数:
173
Codyhouse 收集了一组页面滚动效果,就是目前大家很常见的用户在浏览网页的时候。一些效果虽然极端,但如果你的目标是创建一个身临其境的用户体验,他们是非常有用的。所有的动画都使用 Velocity.js 创建。
分类:
其他好文 时间:
2015-07-02 14:00:55
阅读次数:
106
这是一款使用jQuery和CSS3制作的效果超炫的3D整屏垂直滚动页面特效。该页面滚动特效在用户滚动鼠标或点击右侧的导航圆点按钮时,当前页面会3D倾斜缩小,下一个页面会逐渐放大并占满整个屏幕,效果非常酷。
效果演示:http://www.htmleaf.com/Demo/201506132028.html
下载地址:http://www.htmleaf.com/jQuery/Layout-...
分类:
Web程序 时间:
2015-06-15 14:42:54
阅读次数:
273
这两天接了一个需求,页面是这样的然后需求是页面中的这个表格当页面向上滚动,且表格的表头到达窗口上方时,表头悬浮在页面的上方,表格正常滚动,这样表格内的数据可以随时看到表头内容。一开始我认为这是极简单的,就当页面滚动,判断表头到窗口的距离,当=0的时候触发事件然后让表头position:fixed不就...
分类:
Web程序 时间:
2015-06-12 17:05:58
阅读次数:
395
positionpositionstatic默认的定位方式 top 和 left 不起作用fixed不随页面滚动而移动 一般是导航元素absolute把当前的 position 设置为 absolute 之后, 那么他的位置, 就是相对于他的父亲来说的float: left;left: 50px;t...
分类:
其他好文 时间:
2015-06-12 00:48:46
阅读次数:
87
这部分没有弄得很清楚问题来源:http://codepen.io/wmrch05/details/LiaKG在上述案例中,页面滚动的时候,侧边栏和顶部导航的布局由static转换为fixed。同时相对于原来的static的位置发生了编码,案例的源码是:(最终的scripts源码感觉涉及到一些高级的编...
分类:
其他好文 时间:
2015-06-10 11:49:06
阅读次数:
115
使用Javascript自动将页面滚动到指定位置下面我们就来讲解一下如何使用Javascript自动将页面滚动到指定位置。指定需要滚动的位置这一步很简单,就是需要给滚动到指定位置的元素加上id属性,如下:天一广场使用Javascript自动将页面滚动到指定位置脚本如下:这就完成了我们的需求,经测试兼...
分类:
Web程序 时间:
2015-06-08 19:02:08
阅读次数:
2323
在html页面加入即可.$(function () { if ($("meta[name=toTop]").attr("content") == "true") { $("").appendTo('body'); $("#toTop").css({ width...
分类:
Web程序 时间:
2015-06-02 15:00:26
阅读次数:
229
固定层的作用
内容不随页面滚动
应用范围
一般用于头部导航/底部导航/页面中间导航(京东的宝贝详情页有用到,看图)
小伙伴们可以去京东随便打开一个宝贝看看..制作预备知识:
DIV+CSS基础
Position的四个参数作用,这里主要用到fixed属性
Tips:
fixed和absolute都是脱离文档流的
区别:absolute会随页面滚动而fixed不会
absolute的父级元素若是使用了...
分类:
Web程序 时间:
2015-05-28 12:37:20
阅读次数:
206