標籤:min mat log body als 頁面 jquery func touch
載入三個js外掛程式
<script src="./js/jquery/jquery.js"></script><script src="./js/jquery/swiper.min.js"></script><script src="./js/jquery/zepto.min.js"></script>簡單代碼:操作一塊元素的上下位移。$("#js_showdown_show").on("swipeDown",function(){ $(".js_showdown").stop(); $("#js_showdown_show").stop(); $(this).animate({ marginTop: "171px" }, 500 ); $(".js_showdown").animate({ marginTop: "171px" }, 500 ); document.addEventListener(‘touchmove‘, function (event) { event.preventDefault(); }, false);});$(document).on(‘swipeUp‘,function(e){ $(".js_showdown").stop(); $("#js_showdown_show").stop(); $(‘#js_showdown_show‘).animate({ marginTop: "0px" }, 500 ); $(".js_showdown").animate({ marginTop: "0px" }, 500 ); document.addEventListener(‘touchmove‘, function (event) { event.returnValue = true; }, false);});
手機瀏覽頁面touch操作,解決touch事件和瀏覽器捲軸衝突問題;zepto,swipe事件。