jQuery实现滑动字母进行检索

插件特效

2026-07-25 22:47 2 次浏览 • 0 次下载 12.8KB

插件描述：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")
       }
});