在.js文件中使用page的onPageScroll事件和scroll-view的scroll事件中產(chǎn)生卡頓 (setData 渲染會(huì)阻塞其它腳本執(zhí)行，導(dǎo)致了整個(gè)用戶交互的動(dòng)畫過(guò)程會(huì)有延遲)， 所以使用wxs響應(yīng)事件來(lái)實(shí)現(xiàn)吸頂效果。wxs響應(yīng)事件基礎(chǔ)庫(kù) 2.4.4 開始支持，低版本需做兼容處理。

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比朔城網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式朔城網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋朔城地區(qū)。費(fèi)用合理售后完善，十多年實(shí)體公司更值得信賴。

附上文檔鏈接：wxs響應(yīng)事件

吸頂效果

使用scroll-view組件實(shí)現(xiàn)滾動(dòng)效果，頁(yè)面和scroll-view組件的高度設(shè)成100%，當(dāng)豎向滾動(dòng)條大于等于導(dǎo)航到頂部距離時(shí)，導(dǎo)航變成固定定位，固定顯示在頂部，反之，導(dǎo)航取消定位。

 

 
 
  {{item}}
 
 第{{index}}部分

 
網(wǎng)站欄目：微信小程序wxs實(shí)現(xiàn)吸頂效果-創(chuàng)新互聯(lián)
網(wǎng)站路徑：http://weahome.cn/article/pejpo.html