开发踩坑记录

最新推荐文章于 2024-04-21 12:11:13 发布
最新推荐文章于 2024-04-21 12:11:13 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： 杂乱无章 文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gyb4979/article/details/121326925
版权
本文探讨了微信小程序安卓端mescroll组件上拉加载时自动置顶的解决办法，以及iOS环境下fixed定位被遮挡的独特现象及其解决策略。通过调整loading交互和外层布局调整，作者揭示了这些问题的解决方案。
摘要由CSDN通过智能技术生成

1.微信小程序安卓端 mescroll 上拉加载后会自动置顶

移动端小程序 使用了mescroll列表上拉加载组件,然后用了vant组件库的loading交互, 在IOS端没有任何异常 在大多浏览器没有异常, 唯独小程序在安卓端app运行的时候,

在这里插入图片描述
在这里插入图片描述

上拉加载loading 的时候 会自动将列表置顶了, 不知道具体为什么
将vant的Toast.loading({duration:0})去掉就不会冲突影响了

2.被遮挡的fixed （ios端独有）

原来的效果大概是这样的

在这里插入图片描述

但微信ios端 打开h5链接网页 页面滑动是有橡皮回弹的效果的 如果在回弹还没结束的过程中继续滑动屏幕 fixed定位的两个盒子就被上拉的背景遮挡了 如下图

最后就是将按钮定位的盒子 单独放到外层布局 ，就解决了，不知道为何会这样

在这里插入图片描述

GYB4979
关注
专栏目录
【JavaFX】JavaFX11开发踩坑记录
SKMIT的博客
01-04 714
Controller使用@FXML注册绑定某个组件或者事件时，如果fxml中绑定的组件或者方法被更改，但是Controller类不会报错，运行启动程序会报错加载异常。所以@FXML一定要有效绑定，被删除的组件记得及时删除在Controller绑定的方法或组件。JDK 8 以上的版本之后，JavaFX需要单独导入，所以为了提高项目依赖的可维护性，采用了Maven项目管理。OK，下面进入正题，由于是本人开发中遇到的问题，出现的报错可能存在其他解决方法，恳请指正。在对应的Controller层，应显式创建对象。
乐视体感摄像头开发踩坑记录
m0_46202128的博客
09-07 940
乐视三合一体感相机开发踩坑记录 第一次用Cmake，以下如有错误请大佬指正 开发环境： Linux ARM(树莓派4) AstraSDK-v2.1.3 Arm/Arm64(https://orbbec3d.com/develop/) 开发所用语言C++ 远程过程调用GRPC 1.39.0 GCC编程语言译器套件 Cmake 注：此次开发在AstraSDK样例（SimpleDepthViewer-SFML）为基础上修改开发 Linux中安装GCC sudo apt install gcc Linux中
uniapp中使用mescroll实现下拉刷新以及上拉加载
yangxun9264986的博客
03-21 3031
我们在开发小程序或者h5的时候，为了用户体验或项目对数据更新有很高要求，实现像APP一样可以下拉刷新、上拉加载数据等操作
uniapp中mescroll的使用
m0_65720832的博客
01-30 1587
1.视图 <mescroll-uni ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" :up="{auto:false,page:{num:0,size:10}}" :fixed="false" </mescroll-uni> 2.js 1. 引入js文件，不要忘了mixins import Me
uniApp开发小程序(7)使用mescroll配置上啦下拉的样式，以及分类页面的配置
weixin_43288858的博客
04-02 6222
1、mescroll 下拉刷新组件 使用第三方 mescroll 下拉刷新组件，使用 【wxs+renderjs实现】高性能的下拉刷新上拉加载组件。支持uni-app的下拉刷新和上拉加载的组件,支持原生页面和局部区域滚动。 mescroll 官网 组件案例 1、在项目中导入插件 2、在main.js中全局引入组件 // 在main.js注册mescroll-body的全局组件 (mescroll-uni用的比较少,且遵循 easycom 规范,会自动按需引入) import MescrollBody f
mescroll使用时如何在顶部添加navbar导航，导航不能水平滑动的解决办法欢迎使用CSDN-markdown编辑器
微码农
12-06 1582
注意: 配置 up 的 isBounce 为 false 之后, 会禁止window的touchmove 事件,从而阻止 iOS 的回弹效果. 此时除了 mescroll的div 可以滑动,其他的区域匀无法滑动; 如果你希望 mescroll之外的某个div 可以滑动,则可为这个div加入mescroll-touch的样式即可; 比如你希望顶部导航菜单 class="nav-top"的div 可接...
mescroll.js API汇总
听海的博客
11-25 1万+
// 初始化mescroll
preview窗口 unity_游戏开发踩坑记录（二）Unity Inspector Preview 面版卡顿问题
weixin_39946657的博客
12-22 896
1.起因项目组最近升级了Unity引擎，从基于2018.3.6f1修改的自编版本升级到2018.4.11f1官方版本。在升级后，很多美术同学找到我反应说他们在使用资源的Inspector面板时非常卡，严重影响他们的制作效率。初步观察了下卡顿现象，发现只要Inspector面板中显示的Preview窗口，卡顿就出现了。先让美术同学把Preview窗口关掉，然后开始想办法定位问题。2.问题定位通过De...
开发踩坑记录之二：谨慎使用Spring中的@Scheduled注解
最新发布
2401_84048398的博客
04-21 1005
包含最全MySQL、Redis、Java并发编程等等面试题和答案，用于参考~
Vue组件开发踩坑记录
m0_48914085的博客
07-14 235
Vue组件开发踩坑记录 1. 注册全局方法 vue.prototype.$method = function () {} 2. 创建组件构造器，实例化组件，并挂载到页面上 import componet from 'xxx' let ComponentConstructor = vue.extend(componet); let componentCase = new ComponentConstructor({ // 这里是创建实例的配置项 el: document.createElement(
微信小程序scroll-x失效的完美解决方法
10-18
在微信小程序的文档中，使用scroll-view标签，然后给它设置一个scroll-x就可以实现元素，横向排列，可以左右滑动，但是在实际开发中会遇到各种问题，下面小编给大家带来了微信小程序scroll-x失效的完美解决方法,需要的朋友可以参考下
vue中使用vant组件toast.loading的坑
YY_WYG的博客
06-24 3039
vue使用vant的坑
一个好用又好看的下来加载上拉刷新组件--mescroll.js
想飞的猪的博客
09-14 1145
mescroll.js的官方文档：http://www.mescroll.com/ 里面详情介绍了怎样去使用，也有很多案例和源码，但是里高级的案例登录才可以看得到，有兴趣的可以去官网了解了解...
使用mescroll实现下拉刷新上拉加载
LmingAn的博客
09-18 3479
Vue练习—使用mescroll实现下拉刷新上拉加载的功能
vue的滚动scroll事件 实现某元素吸顶或者固定位置显示
热门推荐
boy火巨的博客
07-09 6万+
vue监听滚动事件 实现某元素吸顶或者固定位置显示2017年09月16日 15:33:33阅读数：26910最近写了一个VUE的web app项目，需要实现某个部位吸顶的效果。即，页面往上滑动，刚好到达该部位时，该部分，固定在顶部显示。1、监听滚动事件利用VUE写一个在控制台打印当前的scrollTop,首先，在mounted钩子中给window添加一个滚动滚动监听事件，mounted () { ...
jquery 滚动条 平滑滚动到顶部、底部、置顶位置
☆╮123☆
09-26 8254
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/ht
在页面中的导航栏，滑动到顶部后置顶
shine的博客
07-04 2502
//搜索栏置顶 $.fn.fixedDiv = function(actCls){ var that = $(this), offsetTop = that.offset().top, scrollTop; function fix(){ scrollTo...
uni-app：mescroll-uni 实现上拉加载，下拉刷新
熊小露的博客
08-20 2万+
上次使用 scroll-view 实现的加载刷新实属体验极差（哈哈）； 这次get到 mescroll-uni不是uniapp 项目也可以用个人感觉体验还是非常棒的 官网讲解非常详细：http://www.mescroll.com/uni.html#options 上拉： 下拉： 还是先引入组件： import MescrollUni from "@/componen...
mescroll使用上拉加载、下拉刷新
xiaoququ的博客
06-12 7866
1、安装包 注：position: fixed; // 必须使用固定定位 npm install --save mescroll.js 2、引入mescroll的vue组件 import MescrollVue from 'mescroll.js/mescroll.vue' 3、注册为组件 components: { MescrollVue // 注册mescroll...
uniapp开发App踩坑记录
09-28
uniapp开发App时可能会遇到一些坑，以下是一些可能会遇到的问题及解决办法： 1. 如果在移动端打开键盘时无法输入小数点，可以将input标签的type属性改为"digit"。 2. 在uniapp开发微信小程序时，可能会出现input...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值