jQuery实现滑动字母进行检索

查看演示立即下载

插件描述：jQuery实现类似苹果通讯录列表首字母检索功能

注：请在移动端查看最佳展示效果

关键代码

var domH = $(".term_nav li").height();
var domY,moveY,index,item_top;
$(".term_nav").on({
       touchstart: function (e) {
           startY = e.originalEvent.targetTouches[0].pageY;
       },
       touchmove: function (e) {  
         e.preventDefault();          
           $("body").on({
               touchmove: function (e) {
                   e.preventDefault();
               }
           });
           domY = $(this).offset().top;
           moveY = e.originalEvent.targetTouches[0].pageY;
index = parseInt((moveY-domY)/domH);
$(".term_nav li").eq(index).addClass("on").siblings().removeClass("on");
        
item_top=$('.term_box').eq(index).offset().top-100;
$(window).scrollTop(item_top);
       },
       touchend: function () {
         $("body").off("touchmove")
       }
});

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

上一个特效： canvas管道流动动画
下一个特效：原生js实现2048小游戏（原创）