欢迎来到奥多码

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

日期: 2020-06-22 17:47:50

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>

最终效果图:

到此这篇关于微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)的文章就介绍到这了,更多相关小程序 组件固定内容请搜索奥多码以前的文章或继续浏览下面的相关文章希望大家以后多多支持奥多码!


上一篇:微信小程序吸底区域适配iPhoneX的实现

下一篇:vue cli4下环境变量和模式示例详解

  • 在线客服

    官方微信

    仅处理投诉、举报及平台使用问题;
    商品问题请咨询商家客服!

浏览记录