better scroll重新整理後才能滑動的解決方案

使用cube-ui時滑鼠滾輪無法使用,且老觸發無法滑動的bug,我十分困惑,於是分析了scroll元件,發現better-scroll才是關鍵.

於是我趕緊看了看better-scroll的文件.發現滑鼠滾輪是可以開啟的.開啟之後終於可以愉快的使用滑鼠滾輪了.

mousewheel: true,//

開啟滑鼠滾輪

使用better-scroll,在chrome瀏覽器測試**,切換手機模擬器之後,就會出現重新整理後才能滑動的"bug".這個問題困擾了我半天,上網搜了很久也沒有找到很好的解決方案.

方法一

在 better-scroll 的原始碼 packages/core/src/base/actionshandler.ts 中:

const shouldregisertouch = hastouch && !disabletouch

const sholdregistermouse = !disablemouse

這兩個是確定是否需要註冊觸控事件和滑鼠拖動事件的常量.

這裡可以進行改動,將其改為變數,判斷當前是否為開發環境,如果是開發環境,就把這兩個變數都設定為true,就行了

let shouldregisertouch = hastouch && !disabletouch

let sholdregistermouse = !disablemouse
if(process.env.node_env==='development')

經過測試之後果然行得通,但是總修改原始碼也不是辦法.....

方法二

修改 packages/shared-utils/src/dom.ts 中的常量hastouch

export const hastouch = true

這樣就可以在初始化時對引數進行設定,把一切掌握在自己手中

使用方法如下:

new bscroll時,在引數options中加入

mousewheel: true,//

開啟滑鼠滾輪
disablemouse: false,//
啟用滑鼠拖動
disabletouch: false
//啟用手指觸控

o(∩_∩)o哈哈~又可以愉快的除錯了,媽媽再也不用擔心我滑不動螢幕了

頁面重新整理後，tab記住重新整理前位置

最近兩周，時間頗趕，源於對自己身為乙個前端的不自信，感覺自己不會的很多。兩周過去了，專案如期完成，我來踩坑了。剩餘的頗多不足就慢慢完善吧！效果圖鎮樓 主要使用到session storage，瀏覽器快取原理。開啟偵錯程式 能看到快取值 下面我要強迫自己寫demo了 這是基本資訊 這是課程詳情 這是講...

better scroll 實現無縫輪播

better scroll 適用於解決移動端各種滾動場景，滾動列表 輪播圖等。better scroll新版本設定輪播圖有一些變動。slider.vue 結構及部分樣式設定 插槽位置即輪播圖，在引入主頁面的中間插入 小圓點採用絕對定位 import common stylus variable sl...

better scroll 上拉載入

首先需要乙個使用了bs編寫的列表 肯定是不能有bug的 bs中文文件 this.actscroll new bscroll actbox,pullupload 在初始化配置項裡面新增pullupload配置選項，給定上拉的數值 觸發上拉載入的事件，呼叫getinfo 請求資料 this.actscr...