happ/public/system/js/common.js

$(function(){
    var rightNavMove = function(){
        var mousex = 0, mousey = 0;
        var divLeft = 0, divTop = 0, left = 0, top = 0;
        document.getElementById("right-nav").addEventListener('touchstart', function(e){
            var offset = $(this).offset();
            divLeft = parseInt(offset.left,10);
            divTop = parseInt(offset.top,10);
            mousey = e.touches[0].pageY;
            mousex = e.touches[0].pageX;
        });
        document.getElementById("right-nav").addEventListener('touchmove', function(event){
            event.preventDefault();
            left = event.touches[0].pageX-(mousex-divLeft);
            top = event.touches[0].pageY-(mousey-divTop)-$(window).scrollTop();
            if(top < 1){
                top = 1;
            }
            if(top > $(window).height()-(50+$(this).height())){
                top = $(window).height()-(50+$(this).height());
            }else if(top < 40)
                top = 40;
            $(this).css({'top':top + 'px','left':left + 'px', 'position':'fixed'});
            return false;
        });
        document.getElementById("right-nav").addEventListener('touchend', function(event){
            if(left > $(window).width()/2)
            {
                left = $(window).width()-$(this).width()-5;
            }else{
                left = 5;
            }
            if ((divLeft == left && divTop == top) || (top == 0 )) {
                return false;//$(this).trigger('click');
            }else{
                $(this).css({'top':top + 'px','left':left + 'px', 'position':'fixed'});
            }
            return false;
        });
    };

    rightNavMove();
});