亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序頁面左右滑動事件+回到頂部

發布時間:2020-07-06 03:56:10 來源:網絡 閱讀:4770 作者:夢想代碼 欄目:開發技術

微信小程序提供了頁面的上下滾動的事件,在頁面的js文件中,

page({
onPageScroll(e) {
console.log(e.scrollTop)
}
})
但是不是滑動事件,滑動事件需要自己加在view上,

<view bindtouchstart='touchStart' bindtouchend="touchEnd"></view>
如果不讓滑動事件冒泡的話.將bind改為catch就好了

<view catchtouchstart='touchStart' catchtouchend="touchEnd"></view>
在js文件中添加綁定的事件處理函數,在touchStart中,將觸摸開始獲取到的x和y值存儲到data里,例如touch.x和touch.y

touchStart(e) {
// console.log(e)
this.setData({
"touch.x": e.changedTouches[0].clientX,
"touch.y": e.changedTouches[0].clientY
});
}
在touchEnd中,也就是手指離開屏幕的事件處理函數中,首先獲取到此時的x和y值,

touchEnd(e) {
let x = e.changedTouches[0].clientX;
let y = e.changedTouches[0].clientY;
}
然后再寫一個判斷方向的簡單處理函數,建議將此方法寫在utils工具庫中,

/***

  • 判斷用戶滑動
  • 左滑還是右滑
    */
    const getTouchData = (endX, endY, startX, startY)=> {
    let turn = "";
    if (endX - startX > 50 && Math.abs(endY - startY) < 50) { //右滑
    turn = "right";
    } else if (endX - startX < -50 && Math.abs(endY - startY) < 50) { //左滑
    turn = "left";
    }
    return turn;
    }
    在此方法中,傳入四個參數,分別是手指離開的x和y值,分別為endX和endY,手指按下的x和y值,分別為startX和startY,判斷離開的x減去開始的x是否大于50px,也就是手指向左滑動超過50px,就是想左滑,如果小于-50則是向右滑,

但是如果此時用戶在向下滑或者向上滑的過程中也有向左滑和向右滑的偏移,此時判斷用戶有向左滑和向右滑就有點不準確了,所以如果滿足上述條件并且用戶上滑或者下滑的距離不超過50px才判定用戶確實是在左右滑動

有些用戶使用大拇指滑動的時候喜歡斜著滑,此時上下和左右都有滑動,至于該判斷用戶是向左右還是向上下,可以用斜率來判斷,或者引入touch.js,在這就不寫了,這個就作為一種很簡單輕量的解決辦法.

回到頂部

onPageScroll: function (e) { console.log(e.scrollTop) if (e.scrollTop>300) { this.setData({ showTop: false }) } else { this.setData({ showTop: true }) } }, goTop: function () { wx.pageScrollTo({ scrollTop: 0, duration: 300 }) }

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

合肥市| 阿拉尔市| 竹山县| 乡城县| 湘潭市| 章丘市| 寿阳县| 北流市| 阿拉尔市| 牡丹江市| 县级市| 石景山区| 泰和县| 罗平县| 略阳县| 建阳市| 衡水市| 武穴市| 巴彦淖尔市| 曲沃县| 嘉鱼县| 常熟市| 沧州市| 陕西省| 株洲县| 洪洞县| 石棉县| 南雄市| 靖安县| 南开区| 慈溪市| 鹤庆县| 定安县| 攀枝花市| 康平县| 城固县| 土默特左旗| 班玛县| 抚顺市| 汝南县| 永兴县|