当前位置: 首页 > article >正文

uniapp ios sticky定位,内部 u-tabs(包含scroll-view)消失问题

uniapp中用sticky定位时,元素内部如果有scroll-view,ios在触发bounce机制时,scroll-view的元素会消失,解决方法是页面上包一层高度为100vh的scroll-view

<scroll-view style="height: 100vh;" scroll-y @scrolltolower="scrollToLower">
	<view class="pages">
		<view class="top">
			<u-tabs...>
		</view>
	</view>
</scroll-view>
...
methods: {
	scrollToLower(){
		console.log(111)
	}
}
...
<style>
.top{
	position: sticky;
	top: 0;
}
</style>

此时onReachBottom肯定失效,如果需要做拉到底部刷新,加一个@scrolltolower事件即可。

如果要去掉ios的bounce机制,可以加 enhanced 和 bounces="false"这两个属性。

<scroll-view style="height: 100vh;" enhanced :bounces="false"  scroll-y @scrolltolower="scrollToLower">
...

http://www.kler.cn/a/300191.html

相关文章:

  • OSPF协议部分解读
  • 【Vim Masterclass 笔记22】S09L40 + L41:同步练习11:Vim 的配置与 vimrc 文件的相关操作(含点评课内容)
  • STM32+W5500+以太网应用开发+003_TCP服务器添加OLED(u8g2)显示状态
  • Ext2 文件系统:数字世界的基石,深度解码超时空存储魔法
  • WebSocket 和 Socket 的区别
  • 音频入门(一):音频基础知识与分类的基本流程
  • 【QT】基础入门学习
  • 如何使用elementui实现一个根据页面进度实时增长/前进的进度条
  • DBA实战手记,技术书的黑神话
  • Codeforces Round 971 (Div. 4)——C题题解
  • 最直接显示 ubuntu 版本号的命令
  • 6.1.数据结构-c/c++模拟实现堆上篇(向下,上调整算法,建堆,增删数据)
  • idea向git上推送被拒绝 push to master was rejected
  • 代码随想录27期|Python|Day52|​动态规划|​647. 回文子串|516. 最长回文子序列
  • react js 路由 Router
  • 类和对象(中)
  • 哈喽GPT-4o,现代程序员提高编码能力的正确打开方式
  • NVIDIA AI Workbench 让 Windows 上的 GPU 使用更加简便
  • 基于Spring搭建SpringMvc框架
  • pptpd配置文件/etc/pptpd.conf详解
  • 数据库中的主键和外键分别是什么意思?
  • Leetcode面试经典150题-207.课程表
  • 【代码随想录训练营第42期 Day56打卡 - 图论Part6 - 并查集2 - 冗余连接问题
  • Debug-027-el-tooltip组件的使用及注意事项
  • FPGA设计-如何使用增量编译流程
  • 基于java+springboot+vue实现的手机商城系统(文末源码+Lw)137