【Jquery】在行動裝置上停止滑動頁面

功能

當我點擊搜尋時,開啟輸入關鍵字的視窗,頁面不能滑動。

Image 2

 

說明

原本的語法是

$('body,html').css('overflow','hidden');

在桌機的chrome模擬手機裝置上可以正常運作

但是實際到手機操作,功能卻失效了

後來改成以下語法,就可以正常運作了

$(document).bind("touchmove",function(event){
       event.preventDefault();  //停止滑動
 });

要恢復滑動效果,則是以下語法

$(document).unbind('touchmove'); 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *