h5滑动页面插件

所属分类:UI,其他-滚动,移动

 19875  131  查看评论 (32)
h5滑动页面插件 ie兼容10

演示请在手机或浏览器中模拟移动端查看效果!


h5滑动页面插件,h5页面滑动,微信h5页面,滑动轮播,直接写好得,图片改掉就可以用了,

手机网页中有时需要实现局部滑动效果,比如导航,导航很多,又必需一行显示,如果不使用滑动效果,用户就无法切换栏目,进入访问。局部滑动效果,还有很多应用场景,并不仅仅只限于导航。如何实现呢,自己编写js的难度太大,兼容性也很差,作者本人就尝试过,编写出来的在一些浏览器下无法滚动。不用担心,有一个库可以为我们实现滑动效果,且兼容性和效果都非常好。


相关插件-滚动,移动

可制作炫酷页面滚动效果的jQuery事件插件

jquery.scrollex.js是一款可制作炫酷页面滚动效果的jQuery事件插件。该插件中包含有一组预置的jQuery事件,通过这些事件,可以在页面滚动时为指定元素制作相应的动画效果。
  滚动
 8061  73

jQuery单页滚动插件pagePiling.js

pagepiling.js是一个可以创建类似窗帘滚动网站的jQuery插件。它是灵活的,旧的浏览器和触摸设备兼容。您可以在原来的滚动的网站的基础上使用这个插件创建一个。
  滚动
 27570  137

jquery.mousewheel.js鼠标滚动插件

鼠标全屏滚动插件
  滚动
 6854  44

jQuery和CSS3超炫3D整屏垂直滚动页面特效

这是一款使用jQuery和CSS3制作的效果超炫的3D整屏垂直滚动页面特效。该页面滚动特效在用户滚动鼠标或点击右侧的导航圆点按钮时,当前页面会3D倾斜缩小,下一个页面会逐渐放大并占满整个屏幕,效果非常酷。
  滚动
 7900  85

讨论这个项目(32)回答他人问题或分享插件使用方法奖励jQ币

    我要你 0
    2017/4/13 18:39:41

    1154175870@qq.com 求一个

    回复
    StormerZ 0
    2017/1/21 21:20:50

    小BUG有好几处。比如来回翻页后音乐播放的那个圆形按钮就失效了。 有时候点底部那个三角箭头后滑动事件就不响应了。安卓里有点卡,IOS还行。

        LeoLeeYEAH3
        2017/4/10 16:02:12

        关于“底部那个三角箭头后滑动事件就不响应”的问题,是因为js代码里有一行代码,为了防止多次滚动用的,把这段代码注释掉就可以了 p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #e48b00} touchEnd 方法下面

        $('.overlay').show();

        注释掉就OK了

        p.p1 {
        	margin:0.0px 0.0px 0.0px 0.0px;
        	font:15.0px Consolas;
        	color:#a5b2b9
        }
    回复
    ┽???啊大米子。 0
    2017/1/19 13:28:21
    红叶绿花 0
    2016/12/7 15:12:20
    感觉很好的样子 回复
    明歌 0
    2016/11/21 19:11:33
    JQ币好难得到啊,没法玩 回复
    夜雨蒙蒙 0
    2016/10/25 16:10:32
    求发一个 邮箱 1076232933@qq.com 回复
    SiriBen 0
    2016/10/5 17:10:10
    tangben_slkj@126.com跪求楼主分享 回复
    juedi3656 0
    2016/9/3 21:09:41
    这个模板不错,可惜要钱太多!
        O0
        2016/10/26 21:10:59
        是啊
    回复
    inewsun 0
    2016/8/30 16:08:52
    测试了,脚本在安卓手机上,有些卡顿 回复
    Pg_Channel 0
    2016/8/11 11:08:46
    返回上一页没有重新加载动画
        inewsun1
        2016/8/30 16:08:00
        直接 $(".item").hide();
    回复
取消回复