jQuery移动端上拉查看详情

所属分类:UI-拖和放,滚动

 2951  20  查看评论 (1)
jQuery移动端上拉查看详情 ie兼容9

使用方法

引样式与js:

<link rel="stylesheet" href="css/style.css">
<scriptt src="http://www.jq22.com/jquery/jquery-1.10.2.js"></scriptt>
<scriptt src="js/iscroll.js"></scriptt>

应用的js:

var myscroll = new iscroll("wrapper", {
    onscrollmove: function() {
        if ((this.y + 70) < (this.maxscrolly)) {
            $('.pull_icon').addclass('flip')
        } else {
            $('.pull_icon').removeclass('flip loading')
        }
    },
    onscrollend: function() {
        if ($('.pull_icon').hasclass('flip')) {
            pullupaction()
        }
    },
    onrefresh: function() {
        $('.more').removeclass('flip')
    }
});

function pullupaction() {
    settimeout(function() {
        $('.tab_box li').eq(0).removeclass('active');
        $('.tab_box li').eq(1).addclass('active');
        $('.tab_cont').hide();
        $('.tab_cont').eq(1).show()
    }, 400)
}
if ($('.scroller').height() < $('#wrapper').height()) {
    $('.more').hide();
    myscroll.destroy()
}
$('.tab_box li').on('click', function() {
    $(this).siblings('li').removeclass('active');
    $(this).addclass('active');
    var index = $(this).index();
    $('.tab_cont').hide();
    $('.tab_cont').eq(index).show()
}

相关插件-拖和放,滚动

jQuery图片DIV指定范围内拖动加调整大小

实现在指定大小DIV内拖动图片,以及调整图片大小
  拖和放
 11006  55

jQuery可任意拖拽排序菜单树机构树

jQuery可任意拖拽排序菜单树机构树
  拖和放
 12853  81

jQuery移动端手势滑动切换(原创)

仿探探应用首页,原生图片切换(个人原创)移动端
  拖和放
 3675  27

jQuery拖拽拖放插件DAD

DAD 是一款基于 jQuery 的拖拽拖放插件,它支持常见的水平拖放、垂直拖放、多行拖放、指定拖放区域、回调函数、允许禁止拖放等等,同时你也可以稍加改造,做成类似垃圾篓、购物车等效果。
  拖和放
 31271  233

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

    不’离 0
    2018/5/18 17:51:43
取消回复