jQuery Alphabetical Search by Sliding Letters

Add-ons

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

jQuery Alphabetical Search by Sliding Letters

Plugin Description: Implements an alphabetical search feature similar to the Apple Contacts list using jQuery.

Note: For the best display experience, please view on a mobile device.

Key Code

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")
       }
});