微信小程序?qū)崿F(xiàn)組件頂端固定或底端固定效果(不隨滾動(dòng)而滾動(dòng))
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>
最終效果圖:
到此這篇關(guān)于微信小程序?qū)崿F(xiàn)組件頂端固定或底端固定效果(不隨滾動(dòng)而滾動(dòng))的文章就介紹到這了,更多相關(guān)小程序 組件固定內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
js中實(shí)現(xiàn)多態(tài)采用和繼承類似的方法
首先定義一個(gè)抽象類,其中調(diào)用一些虛方法,虛方法在抽象類中沒用定義,而是通過其具體的實(shí)現(xiàn)類來實(shí)現(xiàn)2014-08-08使用mpvue搭建一個(gè)初始小程序及項(xiàng)目配置方法
這篇文章主要介紹了使用mpvue搭建一個(gè)初始小程序及項(xiàng)目配置方法,需要的朋友可以參考下2018-12-12用js實(shí)現(xiàn)預(yù)覽待上傳的本地圖片
用js實(shí)現(xiàn)預(yù)覽待上傳的本地圖片...2007-03-03基于three.js實(shí)現(xiàn)簡易照片墻效果
這篇文章主要為大家詳細(xì)介紹了基于three.js實(shí)現(xiàn)簡易照片墻效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04基于JavaScript實(shí)現(xiàn)帶數(shù)據(jù)驗(yàn)證和復(fù)選框的表單提交
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)帶數(shù)據(jù)驗(yàn)證和復(fù)選框的表單提交功能,需要的朋友可以參考下2017-08-08js通過元素class名字獲取元素集合的具體實(shí)現(xiàn)
獲取元素集合的方法有很多,接下來為大家介紹喜愛使用js通過元素class名字獲取元素集合的方法2014-01-01