国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

微信小程序 滾動到某個位置添加class效果實現代碼

2019-11-19 16:47:35
字體:
來源:轉載
供稿:網友

微信小程序滾動到某個位置添加class效果

<scroll-view scroll-y="true" style="height:100vh;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-top="{{scrollY}}"><view>假設這里有一塊內容</view><view class="{{scrollTop>200 ? 'topnav' : ''}}">  topnav是希望頁面滾動到某出添加的類。變成置頂導航。</view>。。。。</scroll-view>

頁面結構大致如上。

下面是js

 //滾動監聽 scroll: function (e) {  // console.log(e) ;  var that = this,scrollTop=that.data.scrollTop;  that.setData({   scrollTop:e.detail.scrollTop  })  // console.log('e.detail.scrollTop:'+e.detail.scrollTop) ;  // console.log('scrollTop:'+scrollTop) }

data里面先定義一下scrollTop.

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 富阳市| 龙口市| 奉贤区| 会宁县| 乌兰县| 临西县| 高台县| 赤城县| 郑州市| 鄂温| 襄樊市| 洪泽县| 长葛市| 赣榆县| 牡丹江市| 贵南县| 洛隆县| 绿春县| 沅陵县| 尚志市| 拉萨市| 乌拉特后旗| 高雄市| 凌云县| 五常市| 永新县| 安龙县| 赫章县| 福贡县| 安宁市| 盐亭县| 镇安县| 宣武区| 海兴县| 云龙县| 汽车| 庄河市| 东莞市| 宜川县| 克什克腾旗| 高邑县|