uniapp 获取页面滚动高度。初步计算基层代码
<template>
<scroll-view class="scroll-view" scroll-y @scroll="onPageScroll">
<div class="one">one</div>
<div class="two">two</div>
<div class="three">three</div>
</scroll-view>
</template>
<script>
export default {
data() {
return {
scrollTop: 0 // 初始化滚动高度为0
}
},
methods: {
onPageScroll(event) {
console.log(event);
this.scrollTop = event.scrollTop // 更新页面滚动高度
}
}
}
</script>
<style lang="scss">
.scroll-view{
@include size(750rpx,3000rpx);
.one{
@include size(750rpx,1000rpx);
background-color: aqua;
}
.two{
@include size(750rpx,1000rpx);
background-color: red;
}
.three{
@include size(750rpx,1000rpx);
background-color: aqua;
}
}
</style>
相信坚持的力量,日复一日的习惯.
分类:
uni-app
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
2018-04-24 数组从0开始排序