微信小程序scroll-view的scroll-into-view屬性有以下需要注意:
成都創新互聯公司-專業網站定制、快速模板網站建設、高性價比茌平網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式茌平網站制作公司更省心,省錢,快速模板網站建設找我們,業務覆蓋茌平地區。費用合理售后完善,十年實體公司更值得信賴。
scroll-into-view 是 scroll-view 的一個屬性,主要作用是用于滾動到指定元素的位置,其對應值是元素的id,使用方法如下:
<scroll-view scroll-y="" class="scroll" scroll-into-view="{{toView}}"></scroll-view>
<view class="item" wx:for="{{dataList}}" wx:for-index="index" wx:for-item="item" wx:key="{{index}}"></view>toView 就是要滾動到的元素的位置,但是有幾個地方需要注意,否則沒有效果。
scroll-into-view 的值必須是動態的,通過setData設置后,重新渲染才會有效。如果是靜態的,如scroll-into-view="item2",則無效。
scroll-view 必須有固定的高度,如果設置高度為百分比的話,父容器一定要固定高度,否則無效。比如最頂層的 view 沒有設置固定高度,然后在下面添加的 scroll-view 的高度就直接設置height:100%是無效的,此時可以設置為height:100vh代替。
網頁題目:微信小程序scroll-view的scroll-into-view屬性
文章起源:http://m.newbst.com/article28/scdscp.html
成都網站建設公司_創新互聯,為您提供網站維護、手機網站建設、商城網站、軟件開發、微信小程序、關鍵詞優化
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯