国产探花免费观看_亚洲丰满少妇自慰呻吟_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.

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 镇宁| 深圳市| 华安县| 乌拉特前旗| 汝城县| 祁门县| 宿州市| 遂昌县| 霍林郭勒市| 城固县| 安庆市| 蓝山县| 沂源县| 儋州市| 三穗县| 仁布县| 芜湖县| 西贡区| 德江县| 舟山市| 云林县| 濮阳市| 文安县| 阿拉善盟| 古蔺县| 建昌县| 金溪县| 彭州市| 西乡县| 屏东市| 岑巩县| 钟山县| 晋宁县| 水富县| 沽源县| 绵阳市| 正宁县| 松原市| 乌海市| 安福县| 固镇县|