国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

小程序 view下拉滑動(dòng)導(dǎo)致scrollview滑動(dòng)事件失效

2年前作者：Lan.W分類(lèi)：Toy博客閱讀(18)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了小程序 view下拉滑動(dòng)導(dǎo)致scrollview滑動(dòng)事件失效。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

小程序頁(yè)面需要滑動(dòng)功能

下拉時(shí)滑動(dòng)，展示整個(gè)會(huì)員卡內(nèi)容，?下拉view里包含了最近播放：有scrollview，加了下拉功能后，scrollview滑動(dòng)失敗了。

小程序 view下拉滑動(dòng)導(dǎo)致scrollview滑動(dòng)事件失效,小程序

?

<view class="cover-section" catchtouchstart="handletouchstart" catchtouchmove="handletouchmove"
        catchtouchend="handlettouchend"
        style="transform:{{coverTransform}};transition:{{coverTransition}};">

 <view class="latest-section">
      <view class="lat_title">最近播放</view>
      <scroll-view class="scroll1" scroll-x enable-flex="true">
        <view class="item" wx:for="{{playlist}}">
          <image class="item-img" src="{{item.song.al.picUrl?item.song.al.picUrl:'/static/images/recommendSong/02.jpg'}}"/>
          <text class="item-value">{{item.song.al.name}}</text>
        </view>
      </scroll-view>
</view>
</view

?

問(wèn)題所在：父元素使用了touchstart,touchmove,touchend三個(gè)事件，導(dǎo)致作為子元素的scroll-view組件無(wú)法滑動(dòng)
解決辦法：父元素綁定touchstart事件時(shí)不要使用catch綁定，使用capture-bind:touchstart="fn"綁定，也就是捕獲模式，touchmove和touchend還是使用catch綁定
小知識(shí)1：為什么不用bind綁定touchstart,touchmove,touchend呢，因?yàn)槭褂胋ind會(huì)導(dǎo)致拖動(dòng)元素時(shí)元素卡頓問(wèn)題
小知識(shí)2：為什么touchmove和touchend不需要更改為使用capture-bind綁定呢，這個(gè)我試了一下，會(huì)導(dǎo)致scroll-view滑動(dòng)事件和touchmove事件沖突,然后你滑動(dòng)scroll-view組件時(shí)你添加了touchmove的那個(gè)元素(這是是scroll-view的父元素)也會(huì)動(dòng)

解決：

catchtouchstart="handletouchstart"?改成：

capture-bind:touchstart="handletouchstart"?

滾動(dòng)視圖滑動(dòng)正常了。

<view class="cover-section" capture-bind:touchstart="handletouchstart" catchtouchmove="handletouchmove"
        catchtouchend="handlettouchend"
        style="transform:{{coverTransform}};transition:{{coverTransition}};">
 
<view class="latest-section">
      <view class="lat_title">最近播放</view>
      <scroll-view class="scroll1" scroll-x enable-flex="true">
        <view class="item" wx:for="{{playlist}}">
          <image class="item-img" src="{{item.song.al.picUrl?item.song.al.picUrl:'/static/images/recommendSong/02.jpg'}}"/>
          <text class="item-value">{{item.song.al.name}}</text>
        </view>
      </scroll-view>
</view>
</view>

?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-630085.html

到了這里，關(guān)于小程序 view下拉滑動(dòng)導(dǎo)致scrollview滑動(dòng)事件失效的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來(lái)自互聯(lián)網(wǎng)用戶(hù)投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

微信小程序scroll-view滑動(dòng)的時(shí)候滑動(dòng)到指定位置
效果實(shí)現(xiàn) 1.滑動(dòng)的時(shí)候調(diào)動(dòng)滑動(dòng)事件bindscroll=\\\"scroll\\\" scroll-with-animation 過(guò)渡動(dòng)畫(huà) scroll-top=\\\"{{scrolltop}}\\\" 距離頂部多少高度 2.在調(diào)用scroll里面的事件函數(shù) 這里使用的是獲取手機(jī)屏幕大小的寬度 res.screenWidth 來(lái)自適應(yīng)頭部懸浮的位置的顯示與隱藏 opacity:( 1 - e.detail.scrollTop / 100 / 3).to
2024年02月16日
瀏覽(19)
小程序中scroll-view的下拉刷新和小程序頁(yè)面的下拉刷新開(kāi)啟方法
scroll-view的下拉刷新 video.wxml中 video.js中頁(yè)面的下拉刷新 video.json中添加enablePullDownRefresh為true就可以開(kāi)啟
2024年02月16日
瀏覽(16)
微信小程序列表多選下拉分頁(yè) 滑動(dòng)切換分類(lèi)
1、卡片列表 2、分頁(yè)（下拉頁(yè)面加載分頁(yè)數(shù)據(jù)） 3、分類(lèi)（頁(yè)面間互不干擾，數(shù)據(jù)也不干擾） 4、左右滑動(dòng)可切換分類(lèi) 5、列表搜索 6、單選模式（默認(rèn)單選模式，即點(diǎn)擊卡片，回寫(xiě)所選數(shù)據(jù)） 7、多選模式（實(shí)現(xiàn)微信聊天多選效果）長(zhǎng)按列表或點(diǎn)擊多選，進(jìn)入多選模式；
2024年02月03日
瀏覽(22)
微信小程序——監(jiān)聽(tīng)頁(yè)面滑動(dòng)（二）判斷用戶(hù)在做向上滑動(dòng)還是向下滑動(dòng)（onScrollPage scroll-view）
知識(shí)專(zhuān)欄專(zhuān)欄鏈接微信小程序?qū)?https://blog.csdn.net/xsl_hr/category_12338067.html?spm=1001.2014.3001.5482 Git版本管理 https://blog.csdn.net/XSL_HR/article/details/130986889?spm=1001.2014.3001.5501 監(jiān)聽(tīng)頁(yè)面滑動(dòng) https://blog.csdn.net/XSL_HR/article/details/130986889?spm=1001.2014.3001.5501 有關(guān) 微信小程序的相關(guān)知識(shí)可以前
2024年02月11日
瀏覽(21)
微信小程序——頁(yè)面事件，.啟用下拉刷新監(jiān)聽(tīng)頁(yè)面的下拉刷新事件，上拉觸底事件，停止下拉刷新的效果
下拉刷新是移動(dòng)端的專(zhuān)有名詞，指的是通過(guò)手指在屏幕上的下拉滑動(dòng)操作，從而重新加載頁(yè)面數(shù)據(jù)的行為。啟用下拉刷新有兩種方式： a.全局開(kāi)啟下拉刷新在 app.json 的window 節(jié)點(diǎn)中，將 enablePullDownRefresh 設(shè)置為 true. b.局部開(kāi)啟下拉刷新在頁(yè)面的.json 配置文件中，將 enablePull
2024年01月25日
瀏覽(32)
微信小程序 scroll-view 實(shí)現(xiàn)自動(dòng)滑動(dòng)到底部
要實(shí)現(xiàn)實(shí)時(shí)聊天功能的話，那么每次有新的消息進(jìn)來(lái)之后，要自動(dòng)的滾動(dòng)到底部。 scroll-view 有一個(gè)屬性 scroll-into-view ：把新進(jìn)來(lái)的消息， push 添加到消息列表 messageList 中。但頁(yè)面不會(huì)自動(dòng)往下滾動(dòng)。 1、在 scrill-view 節(jié)點(diǎn)最下面加一個(gè)墊片節(jié)點(diǎn)。需要說(shuō)明的是：這里的 3 個(gè)
2024年02月10日
瀏覽(94)
Swift 如何確定 scrollView 已經(jīng)滑動(dòng)結(jié)束
在 iOS 的 UIScrollView 中，你可以通過(guò)實(shí)現(xiàn) UIScrollViewDelegate 的方法來(lái)檢測(cè)滑動(dòng)結(jié)束事件。具體來(lái)說(shuō)，你可以實(shí)現(xiàn)以下方法：在上述方法中，scrollViewDidEndDragging( :willDecelerate:) 方法在用戶(hù)結(jié)束拖拽時(shí)被調(diào)用，而 scrollViewDidEndDecelerating( :) 方法在用戶(hù)結(jié)束減速時(shí)被調(diào)用。如果用戶(hù)滑動(dòng)
2024年02月15日
瀏覽(21)
[微信小程序] scroll-view組件下拉刷新，怎樣結(jié)束刷新(已解決)
官方文檔：scroll-view | 微信開(kāi)放文檔 (qq.com) 這里就不贅述scroll-view的基本使用方法了，先看問(wèn)題： ?代碼： ?由于在官方文檔中并沒(méi)有詳細(xì)說(shuō)明如何在刷新完成之后關(guān)閉刷新，這里我給出的解決辦法就是，給組件綁定一個(gè)刷新數(shù)據(jù)，然后在觸發(fā)下拉刷新的函數(shù)中手動(dòng)將數(shù)據(jù)改
2024年01月20日
瀏覽(96)
微信小程序scroll-view下拉刷新與上拉加載更多
1、wxml代碼 2、js代碼 3、需要注意的是當(dāng)前頁(yè)面最外層元素的樣式里要加上overflow：scroll?或者 overflow-y: scroll 否則scroll-view上的方法不起作用
2024年02月11日
瀏覽(20)
android 滑動(dòng)scrollview 頭部標(biāo)題透明度改變
2024年02月12日
瀏覽(24)