uni-app小程序滑动到顶部固定

<view class="performance-type-lists" :class="className"><view><view>简介</view><view></view></view><view><view>须知</view><view></view></view><view><view>推荐</view><view></view></view>
</view>
<script>
export default {data(){className: '',},methods:{onPageScroll(e){if(e.scrollTop>277){//277是需要固定的地方到顶部的距离this.className = 'sfixed';}else{this.className = '';}},}
}
</script>
<style>.sfixed{position: fixed;top: 130upx;left: 0upx;z-index: 9999;}
</style>

原始样式

样式

uni-app小程序滑动到顶部固定相关推荐

uni.app小程序的ajax封装详细讲解
我懒得说了 //放url相同的片段 const rootUrl = ""// 示例: ajax({ url:'/api/login', param: param, method: ...
uni.app小程序登录页持久化存储和退出后清除本地缓存
持久化存储在store里面的user.js(自己创建的)中 export default {state: {status: false, //登录的状态,获取数据中status是1,登录成功时状态为 ...
uni.app小程序失焦聚焦，表单验证
<input type="text" placeholder="请输入手机号/邮箱/账号" v-model="username" @f ...
uni.app小程序实现跳转获取数据
式例如上图所示 (前提是点击索引获得的id与获得数据的id是一样的) 首先是获取文档的数据我用的async await来获取数据,也可以用.then方法获取数据 async onLoad() {le ...
微信小程序实现自定义顶部导航栏（选项卡），固定导航栏和可滑动导航栏
微信小程序实现自定义顶部导航栏(选项卡),固定导航栏和可滑动导航栏固定导航栏可滑动导航栏顶部导航栏的需求实现: 顶部导航栏由列表渲染,通过tabclick点击事件改变activeIndex变量的 ...
uniapp使用uni.createInnerAudioContext()实现在app 小程序 h5有声书的倍速功能
uni.createInnerAudioContext()实现在app 小程序 h5有声书的倍速功能官网提供的api进行的开发,自我感觉没啥问题,但是在不同的端上好像有的好使有的不好使,暂时不知道啥 ...
uniapp调用c语言方法,使用uniapp开发的app/小程序需要注意：
1.小程序顶部沉浸式导航部分高度默认为128rpx: 2.小程序不支持div,标签使用和uniapp一样: 3.在hbuilder中开启小程序运行,如果出现forceUpdate报错,可能是因为微信小 ...
uniapp中的分享功能实现(APP,小程序，公众号)
uniapp中的分享功能实现(APP,小程序,公众号) 1.APP端的分享 app端的分享可以直接使用uniapp封装的方法uni.share,uni-app的App引擎已经封装了微信.QQ.微博的分 ...
省钱兄校园跑腿源码（公众号+APP+小程序+Android+IOS）校园跑腿社区跑腿同城跑腿任务兼职小程序uniapp前端模版
开源代码是用户端uniapp部分源码,使用hbuilder导入即可运行只提供参考学习使用!已经获得软著!不可商业使用!感谢支持 h5体验地址 h5:https://paotui.xianmxkj.c ...

uni-app小程序滑动到顶部固定

原始样式

样式

uni-app小程序滑动到顶部固定相关推荐

最新文章

热门文章