91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何實現微信小程序頁面返回頂部效果

發布時間:2021-06-26 13:51:18 來源:億速云 閱讀:196 作者:小新 欄目:web開發

這篇文章主要為大家展示了“如何實現微信小程序頁面返回頂部效果”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“如何實現微信小程序頁面返回頂部效果”這篇文章吧。

效果預覽:

如何實現微信小程序頁面返回頂部效果

js部分:

Page({
 data: {
  topNum: 0
 },

 returnTop: function () {
  this.setData({
   topNum: this.data.topNum = 0
  });
 }
})

wxml部分:

<scroll-view scroll-y scroll-with-animation='true' scroll-top='{{ topNum }}'>
 <view>1</view>
 <view>1</view>
 <view>1</view>
 <view>1</view>
 <view>1</view>
 <view>1</view>
 <view>1</view>
 <view>1</view>
 <view>1</view>
 <view>1</view>
</scroll-view>

<view class='top' catchtap='returnTop'>頂部</view>

wxss部分:

page{
 width: 100%;
 height: 100%;
}

scroll-view{
 height: 100%;
 width: 100%;
}

view{
 width: 100%;
 height: 200px;
 text-align: center;
 line-height: 200px;
 font-weight: 600;
}

view:nth-child(odd){
 background-color: red;
}

.top{
 width: 50px;
 height: 50px;
 position: fixed;
 right: 10px;
 bottom: 10px;
 z-index: 1;
 background-color: yellow;
 color: red;
 text-align: center;
 line-height: 50px;
}

以上是“如何實現微信小程序頁面返回頂部效果”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

闽清县| 安吉县| 松原市| 汪清县| 佛山市| 北辰区| 南汇区| 德格县| 隆尧县| 太湖县| 怀来县| 凯里市| 辽源市| 咸丰县| 寻乌县| 贵南县| 仁布县| 秦安县| 鄂托克前旗| 鄂尔多斯市| 六安市| 岢岚县| 麻阳| 贵阳市| 若尔盖县| 都昌县| 南涧| 田东县| 宝山区| 乌拉特前旗| 遂昌县| 南皮县| 洛宁县| 巍山| 克什克腾旗| 峨边| 山东省| 连平县| 拜泉县| 亳州市| 英山县|