jQuery移动端上拉查看详情

查看演示立即下载

插件描述：手机APP中常看到的上拉查看详情效果，跳转到tab栏中详情

使用方法

引样式与js：

<link rel="stylesheet" href="css/style.css">
<scriptt src="/"></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()
}

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效：滚动文字动画
下一个特效： jQuery前端excel导入插件xlsx.core.js