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

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.lryc.cn/news/433209.html

相关文章:

  • web群集--nginx配置文件location匹配符的优先级顺序详解及验证
  • Vivado编译报错黑盒子问题
  • 【建造者模式】
  • 自动化表格处理的革命:智能文档系统技术解析
  • 【Hot100】LeetCode—394. 字符串解码
  • 12. 如何在MyBatis中进行分页查询?常见的分页实现方式有哪些?
  • @[TOC](力扣题目-滑动窗口-qsort排序-二分法查找)
  • Docker容器相关命令
  • 【老课推荐】基于LangChain和知识图谱的大模型医疗问答机器人项目
  • Adobe Sensei——自动化视频编辑、特效应用和素材增强,通过AI技术快速优化视频内容,自动修复视频质量、自动添加背景音乐或字幕
  • 【AIGC数字人】EchoMimic:基于可编辑关键点条件的类人音频驱动肖像动画
  • 变量数据类型 Day3
  • SpringBoot2:请求处理原理分析-RESTFUL风格接口
  • [Linux][配置]Linux修改history存储的最大记录数
  • 代码随想录 刷题记录-28 图论 (5)最短路径
  • 大数据-124 - Flink State 01篇 状态原理和原理剖析:状态类型 执行分析
  • C++复习day04
  • [苍穹外卖]-04菜品管理接口开发
  • gitlab 启动/关闭/启用开机启动/禁用开机启动
  • 中间件解析漏洞(附环境搭建教程)
  • matlab实现kaiser窗+时域采样序列(不管原信号拉伸成什么样子)是一样的,变到频谱后再采样就是一样的频域序列。
  • git为不同的项目设置不同的提交作者
  • 防爆定位信标与防爆定位基站有什么区别?
  • QT 编译报错:C3861: ‘tr‘ identifier not found
  • 谈谈ES搜索引擎
  • 【MySQL】MySQL基础
  • Spring中Bean的相关注解
  • Golang | Leetcode Golang题解之第385题迷你语法分析器
  • 【Java 优选算法】双指针(上)
  • 【自动驾驶】控制算法(八)横向控制Ⅰ | 算法与流程