<output id="qn6qe"></output>

    1. <output id="qn6qe"><tt id="qn6qe"></tt></output>
    2. <strike id="qn6qe"></strike>

      亚洲 日本 欧洲 欧美 视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

      小程序利用scroll-view實(shí)現(xiàn)錨點(diǎn)功能

      應(yīng)用場景:橫向tab切換時(shí),下面對(duì)應(yīng)的tab_item置頂效果(或者在一定的高度)

      index.wxml:
      //tab橫向?qū)Ш讲糠? <scroll-view class="nav" scroll-x="true" style="height:35px;" scroll-into-view="{{leftView}}" enable-flex="true"> <view wx:for="{{tab}}" wx:key="index" class='items {{showId == index ? "active" : ""}}' data-id="{{index}}" id="T{{index}}" wx:key="{{index}}" bindtap="scrollTab">{{item}}</view> </scroll-view> //縱向內(nèi)容部分 <scroll-view class="scroll" scroll-into-view="{{toView}}" scroll-y="true" scroll-with-animation="true" bindscroll="scrollTo"> <view class="menu_item" wx:for="{{list}}" id="L{{index}}" wx:key="index"> <text class="title">{{item.name}}</text> </view> </scroll-view>
      index.js:
      page({ data:{ showId: 0, leftView:'T0', toView: 'L0', anchorArray:[ ], }, scrollTab: function (e) { const showId = e.currentTarget.dataset.id this.setData({ showId, toView: 'L' + showId, leftView: 'T' + showId }) }, //監(jiān)聽滾動(dòng)時(shí)間 判斷高度來實(shí)現(xiàn)tab高亮 scrollTo: function (e) { let scrollTop = e.detail.scrollTop var _this = this let scrollArr = _this.data.anchorArray; if (scrollTop >= scrollArr[scrollArr.length - 1] - _this.data.autoHeight) { return; } else { for (let i = 0; i < scrollArr.length; i++) { if (scrollTop >= 0 && scrollTop < scrollArr[0]) { _this.setData({ showId: 0, leftView:'T'+0 }); } else if(scrollTop>=scrollArr[i-1]&&scrollTop<scrollArr[i]){ _this.setData({ showId: i, leftView:'T'+i }); } } } let query = wx.createSelectorQuery().in(_this); let heightArr = []; let h = 0; query.selectAll('.menu_item').boundingClientRect((react) => { react.forEach((res) => { h += res.height; heightArr.push(h) }) _this.setData({ anchorArray: heightArr }); }).exec(); }, })
      index.wxss:
      //去掉滾動(dòng)條 ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } !?。croll-view 父級(jí)一定要設(shè)置高
      posted @ 2023-04-19 18:37  GQMM  閱讀(235)  評(píng)論(0)    收藏  舉報(bào)
      主站蜘蛛池模板: 久久国产成人午夜av影院| 午夜免费福利小电影| 亚洲欧美中文日韩V在线观看| 国产一区二区三区乱码| 国产区成人精品视频| 精品少妇人妻av无码专区| 免费午夜无码视频在线观看| 国产永久免费高清在线观看| 久久亚洲国产欧洲精品一| 99久久精品久久久久久婷婷 | 免费国产拍久久受拍久久| 亚洲欧洲一区二区天堂久久| 久久88香港三级台湾三级播放| 精品91在线| 天堂а√8在线最新版在线| 国产剧情91精品蜜臀一区| 日韩中文字幕人妻精品| 日韩精品国内国产一区二| 中文字幕亚洲人妻系列| 精品国产丝袜自在线拍国语| 亚洲精品人成网线在线播放va| 337P日本欧洲亚洲大胆精品555588 | 国产成人午夜福利在线播放| 九九久久人妻一区精品色| 国产精品有码在线观看| 正镶白旗| 亚洲一精品一区二区三区| 国产一二三区在线| 国产成人精品一区二三区| 国产乱色国产精品免费视频| 天堂网在线.www天堂在线资源| 久久精品中文字幕有码| 蜜臀av午夜精品福利| xxxxbbbb欧美残疾人| 久久69国产精品久久69软件| 伊人天天久大香线蕉av色| 欧美日韩人成综合在线播放| 久久毛片少妇高潮| 精品人妻二区中文字幕| 扒开女人内裤猛进猛出免费视频| 国产成人午夜福利在线播放|