之前在開發小程序的時候,有一個需求,頁面滑倒指定位置時固定某一塊內容,在此做個記錄: 思路:1、監聽滾動條的位置; 2、獲取指定位置元素的高度; 3、當滾動條的高度大於指定元素的高度時,添加固定定位樣式; 最終效果圖如下: 代碼部分: ...
概述 這是我開發微信小程序遇到的坑中的一個,專門記錄下來,供以后開發時參考,相信對其他人也有用。 scroll滑到指定位置,有兩種解決方案,一種是用scroll view標簽,另一種是用wx.pageScrollTo這個api。 用scroll view標簽 這個標簽適合於屏幕內的小范圍滾動和錨點滾動,分別通過scroll top和scroll into view這兩個標簽屬性來實現。注意這是標簽 ...
2018-03-13 23:53 0 3022 推薦指數:
之前在開發小程序的時候,有一個需求,頁面滑倒指定位置時固定某一塊內容,在此做個記錄: 思路:1、監聽滾動條的位置; 2、獲取指定位置元素的高度; 3、當滾動條的高度大於指定元素的高度時,添加固定定位樣式; 最終效果圖如下: 代碼部分: ...
頁面上有一個元素或者組件,id 為 comment 則: var me = this; var query = wx.createSelectorQuery().in(me); ...
公司項目要做一個類似微信通訊錄導航的效果,點擊右側字母頁面滾動到相應位置。 因為微信小程序沒有dom概念,所以不能使用錨點,也不能直接獲取對應字母相對頁面的偏移位置。此時只能使用小程序創建對象實例的API獲取節點信息: 解釋一下該代碼的意思: 1.先創建 ...
<view class="box1" bindtap="toComment">查看回答</view> //...其他內容 <view class="bo ...
scroll.wxml: scroll.js: ...
-with-animation="true" 在設置滾動條位置時使用動畫過渡 注意: scroll-view 一定要設置 height: ...
平常開發中可能會用到,當頁面滑動到某一個位置時,需要固定導航欄或者某個元素在頂部位置,向上滑動又會回歸原位,方法特別好實現,在小程序自帶的方法 onPageScroll中可以得到滑動距離頂部的距離,在data公共數據中定義scrollTop,代碼 ...
平常開發中可能會用到,當頁面滑動到某一個位置時,需要固定導航欄或者某個元素在頂部位置,向上滑動又會回歸原位,方法特別好實現,在小程序自帶的方法 onPageScroll中可以得到滑動距離頂部的距離,在data公共數據中定義scrollTop,代碼 ...