网络编程 
首页 > 网络编程 > 浏览文章

微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)

(编辑:jimmy 日期: 2024/11/8 浏览:3 次 )

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>

最终效果图:

微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)

上一篇:vue cli4下环境变量和模式示例详解
下一篇:微信小程序吸底区域适配iPhoneX的实现