1. 程式人生 > 程式設計 >微信小程式實現元件頂端固定或底端固定效果(不隨滾動而滾動)

微信小程式實現元件頂端固定或底端固定效果(不隨滾動而滾動)

1.頂端固定

核心程式碼如下:

<view class="page__hd" style="position:fixed; top:0;width: 750rpx;">
  ......
</view>

最終效果圖:

微信小程式實現元件頂端固定或底端固定效果(不隨滾動而滾動)

2.底端固定

核心程式碼如下:

<!-- 底部固定 -->
<view class="page__hd" style="position:fixed; bottom:0;width: 750rpx;">
  ......   
</view>

最終效果圖:

微信小程式實現元件頂端固定或底端固定效果(不隨滾動而滾動)

到此這篇關於微信小程式實現元件頂端固定或底端固定效果(不隨滾動而滾動)的文章就介紹到這了,更多相關小程式 元件固定內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!