编程 Javascript

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

Posted in Javascript onApril 09, 2020

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>

最终效果图:

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

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

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

- Author -

大白能

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

兼容FireFox 的 js 日历支持时间的获取

Mar 04 Javascript

可在线编辑网页文字效果代码(单击)

Mar 02 Javascript

JS生成随机字符串的多种方法

Jun 10 Javascript

用简洁的jQuery方法toggleClass实现隔行换色

Oct 22 Javascript

jQuery+PHP打造滑动开关效果

Dec 16 Javascript

JavaScript数据类型之基本类型和引用类型的值

Apr 01 Javascript

AngularJS使用ngMessages进行表单验证

Dec 27 Javascript

jQuery实现控制文字内容溢出用省略号(…)表示的方法

Feb 26 Javascript

javascript实现的图片预览功能

Mar 25 Javascript

vue之数据交互实例代码

Jun 20 Javascript

vue2.0$nextTick监听数据渲染完成之后的回调函数方法

Sep 11 Javascript

ant design vue datepicker日期选择器中文化操作

Oct 28 Javascript

微信小程序吸底区域适配iPhoneX的实现

Apr 09 #Javascript

加速vue组件渲染之性能优化

Apr 09 #Javascript

javascript设计模式 ? 抽象工厂模式原理与应用实例分析

Apr 09 #Javascript

javascript设计模式 ? 工厂模式原理与应用实例分析

Apr 09 #Javascript

javascript设计模式 ? 简单工厂模式原理与应用实例分析

Apr 09 #Javascript

javascript设计模式 ? 单例模式原理与应用实例分析

Apr 09 #Javascript

微信小程序纯文本实现@功能

Apr 08 #Javascript