<form id="dlljd"></form>
        <address id="dlljd"><address id="dlljd"><listing id="dlljd"></listing></address></address>

        <em id="dlljd"><form id="dlljd"></form></em>

          <address id="dlljd"></address>
            <noframes id="dlljd">

              聯系我們 - 廣告服務 - 聯系電話:
              您的當前位置: > 關注 > > 正文

              熱消息:頂部距離小于50rpx時 導航欄不再透明顯示

              來源:CSDN 時間:2023-02-03 15:02:18


              【資料圖】

              由于項目需要一個功能,頂部距離小于50rpx時,導航欄透明顯示;當滾動頁面時,導航欄不再透明顯示。

              實現思路:

              如果滑動位置距離頂部<=50的話,隱藏導航欄;50 < 距離頂部距離 <= 200, 透明度依次增加,直到opacity = 1大于200的話,直接設置透明度opacity = 1

              具體代碼 案例中用到了uview這個ui框架的u-navbar組件,具體可去官網查看這個組件的可配置API

              另外這里用到了onPageScroll監聽頁面滾動的距離,他接收一個參數對象,我們才可以通過他獲取頁面距離做一些操作。

              責任編輯:

              標簽:

              相關推薦:

              精彩放送:

              新聞聚焦
              Top 中文字幕在线观看亚洲日韩