移動端禁止頁面下拉重新整理(頁面有滾動區域)單頁面應用

2021-09-28 23:57:10 字數 1376 閱讀 9071

參考:

function isscroll(dom,flag) , );

return;

} let starty

document.body.addeventlistener('touchstart', (e) => , );

document.body.addeventlistener('touchmove', handler, );

function handler(e) else if ((top === 0 && movey > starty) || (top + ch === sh && movey < starty))

}}function ischildtarget(child, parent, justchild = false) else

if (child && parent)

parentnode = parentnode.parentnode;

}} return false;

}export default isscroll;

// 不想禁止下拉的頁面(有待改進)

const collapse = document.queryselector('.collapse');

isscroll(collapse, true)

// 禁止下拉的頁面

const tree = document.queryselector('.tree .ant-spin-container');

isscroll(tree)

今天發現event.returnvalue = true;這個屬性將要廢棄掉了,所以優化了一下,在需要禁止下拉的頁面**

function isscroll(dom,flag) , );

function handler(e) else if ((top === 0 && movey > starty) || (top + ch === sh && movey < starty))

}function ischildtarget(child, parent, justchild = false) else

if (child && parent)

parentnode = parentnode.parentnode;}}

return false;

}return );

},unbind: () =>

}} let scroll = null;

我用的react   在兩個函式中分別用了如下呼叫

componentwillunmount () 

componentdidmount()

ajax定時重新整理頁面

用el表示式顯示資料,頁面為remind.jsp user info ui user info session.getattribute userinfo listrolelist list session getattribute rolelist 條資訊公告 條反饋會議 條需要回執會議 條調查 ...

response 重新整理頁面 meta

控制瀏覽器每3秒重新整理一次 response.setheader refresh 3 延時跳轉到指定頁面 response.setheader refresh 3 url xx 但是我們開發都是jsp顯示頁面資訊,所以以上方法不常用的,下面的meta標籤常用 content 5 url respo...

Vue重新整理頁面功能

在使用vue開發過程中,有時候修改了一些資料或者提交了表單以後需要重新整理當前頁面,js中有很多方法都可以重新整理頁面,但是我覺得都不是很友好,會突然整個頁面白了一下,相當於按了f5重新整理頁面。最近看到了大神們的做法,也實現了一下,感覺挺不錯的。isrouteralive router view ...