vue中禁止ios瀏覽器頁面滾動的橡皮筋效果

2021-08-19 16:10:09 字數 449 閱讀 2530

在iphone瀏覽器上滾動頁面時,頁面出現了橡皮筋效果
layout.vue

"layout">

...

檢查問題,發現頁面沒高度,解決辦法:

html,body統一設為100%,在父元件的根元素設定position:fixed可以使頁面無橡皮筋效果

.layout

style>

不要將手機頁面的高度設為100vh,手機瀏覽器上有位址列,下有功能鍵,會佔據高度。

單純解決橡皮筋效果,可以將body的touchmove事件禁止,可以替代第一種方法

mounted () , ) // passive 引數不能省略,用來相容ios和android

}

關於瀏覽器禁止跟蹤

比如,你剛在網上搜膝上型電腦,那麼他就認為你有購買的慾望,那麼在一周之內無論你想不想看,你到哪都看到膝上型電腦的廣告。這實在有點讓人不大舒服。然後從網上到了下,火狐,chrome,ie10有禁止跟蹤的方法,可是在chrome設定的時候有乙個提示框,啟用 請勿跟蹤 意味著 您的瀏覽流量中將會包含乙個請...

JS禁止瀏覽器後退鍵

背景說明 今天專案測試中,同事發現乙個bug,當鍵盤敲下後退鍵 backspace 後,瀏覽器自動後退,不符合需求,故建議禁止瀏覽器後退鍵。提出需求 html 當鍵盤敲下後退鍵 backspace 後 1 禁止瀏覽器自動後退 2 但不影響密碼 單行文字 多行文字輸入框等的回退操作 解決方案 網上搜了...

快速禁止Chrome瀏覽器快取

首先給大家分享乙個巨牛巨牛的人工智慧教程,是我無意中發現的。教程不僅零基礎,通俗易懂,而且非常風趣幽默,還時不時有內涵段子,像看 一樣,哈哈 我正在學習中,覺得太牛了,所以分享給大家!點這裡可以跳轉到教程 在前端的開發中,最麻煩的莫過於瀏覽器的快取,經常需要清理快取檔案,導致開發效率較低。但chro...