Skip to content

H
hello uni-app x

DCloud / hello uni-app x

通知 5995
Star 90
Fork 162
H
hello uni-app x
提交 cf940121 编写于 作者: 雪洛's avatar 雪洛
浏览文件
操作

fix: 修复吸顶位置不正确的Bug

上级 92c41735
隐藏空白更改
内联 并排
Showing with 4 addition and 3 deletion
pages/template/scroll-sticky/scroll-sticky.uvue
浏览文件 @ cf940121
<template> <template>
<scroll-view @scroll="onScroll" class="page" rebound="false"> <scroll-view ref="scroll" @scroll="onScroll" class="page" rebound="false">
<view class="content-item"> <view class="content-item">
<text class="text">向上滑动页面，体验元素吸顶效果。</text> <text class="text">向上滑动页面，体验元素吸顶效果。</text>
</view> </view>
...@@ -71,8 +71,9 @@ ...@@ -71,8 +71,9 @@
// let rect = this.stickyNode?.getBoundingClientRect(); // let rect = this.stickyNode?.getBoundingClientRect();
// this.stickyTop = rect?.top; // this.stickyTop = rect?.top;
//this.stickyTop = this.stickyNode?.getBoundingClientRect()?.top; //this.stickyTop = this.stickyNode?.getBoundingClientRect()?.top;
let rect = (this.$refs['sticky'] as Element).getBoundingClientRect(); const stickyRect = (this.$refs['sticky'] as Element).getBoundingClientRect();
this.stickyTop = rect.top; const scrollRect = (this.$refs['scroll'] as Element).getBoundingClientRect();
this.stickyTop = stickyRect.top - scrollRect.top;
} }
} }
</script> </script>
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或