關於epubjs開發中微信端網頁閃爍和下拉操做的處理

第一個問題微信端點擊會發生閃爍的狀況
使用在移動端觸控屏幕的時候高亮顯示顏色-webkit-tap-highlight-color: rgba(0, 0, 0, 0);並將其透明度設置爲0便可解決。html

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;//超出寬高 hidden掉
  user-select: none;//不容許用戶作長按操做
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: 'PingFangSC-Light', 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', 'Arial', 'sans-serif';
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

第二個問題下拉操做的時候整個網頁都會進行下來,而且會出現此網頁由某個地址提供這樣的字樣。image.png
在下拉方法裏面使用e.preventDefault()便可解決。
image.pngweb

最後一點值得注意的是在頁面渲染的時候必定要添加method:'default',不然微信端沒法加載成功。
image.png微信

相關文章
相關標籤/搜索