微信小程序 input +下拉scroll-view

最新推荐文章于 2024-08-06 09:03:34 发布
原创 最新推荐文章于 2024-08-06 09:03:34 发布 · 1.4k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序

本项目通过一个下拉输入框展示了数据筛选和交互效果。点击输入框时，会显示第一页的数据，当输入框中有数据时进行筛选，点击输入框外的区域则输入框消失。项目源码可在GitHub上找到。
Aubrey-廖
关注
微信小程序scroll-view组件之上拉加载下拉刷新（解决上拉加载不触发）
学如逆水行舟，不进则退！
07-12 9181
最近在学习微信小程序，有一个功能就是做一个商品列表分页限流然后实现上拉加载下拉刷新功能，遇到了一个使用scroll-viwe组件下拉刷新事件始终不触发问题，网上很多说给scroll-view设置一个高度啥的就可以解决，有些人设置了高度也不触发，所以在下就研究了一波这个scroll-view的触发机制。
微信小程序 van-sticky + swiper + scroll-view + DropdownMenu + TreeSelect 实现顶部固定、可滑动/滚动/点击切换、选择地区、刷新、分页加载
D_evin_的博客
08-22 1436
微信小程序 van-sticky + swiper + scroll-view + DropdownMenu + TreeSelect 实现顶部固定、可滑动/滚动/点击切换、选择地区、刷新、分页加载。
微信小程序picker组件下拉框选择input输入框的实例
08-29
主要介绍了微信小程序picker组件下拉框选择input输入框的实例的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下
react-native-input-scroll-view：完美的TextInput ScrollView
02-05
react-native-input-scroll-view 主要实现以下功能： 当键盘弹出时， TextInput将自动调整到键盘顶部。 当键盘弹出时， ScrollView的内容不会被键盘遮挡。 当多行TextInput获得焦点时，所选光标将自动调整到键盘顶部。 当多行TextInput创建新行时，新行将自动调整到键盘顶部。 将手指放在TextInput顶部，然后滑动ScrollView ，当您抬起手指时， TextInput将不会获得焦点。 安装 npm $ npm install react-native-input-scroll-view --save 纱 $ yar
微信小程序开发系列（三十三）·如何通过scroll-view实现上拉加载和下拉刷新
时光の尘的博客
03-17 6928
当用户下拉刷新时，会触发名为 refreshHandler 的处理函数来执行相应的逻辑，比如加载最新数据或者其他操作。当 refresher-triggered 的值为 true 时，表示下拉刷新已经被触发，可以执行相应的刷新操作。当滚动视图滚动到设定的阈值（由 lower-threshold 决定）时，触发触底事件，然后会调用名为 getMore 的处理函数来执行相应的逻辑。在滚动视图中，当距离底部的距离小于或等于 lower-threshold 设置的值时，会触发触底事件。
小程序-input实现下拉查询
小屁孩大帅-保密的博客
06-09 1125
效果图 1.wxml <viewclass='uinn'> <viewclass="weui-search-barflex-rowuinnbg_whitemar-t"> <viewclass="weui-search-bar__formflex1flex-row"> <iconclass="weui-icon-search_in-box"type="clear"size="14"></icon...
微信小程序防微信聊天界面（scroll-view滚动、下拉刷新、键盘弹起不遮挡文字、苹果手机底部安全距离处理等）细节处理
乐一的博客
11-23 1487
【代码】微信小程序防微信聊天界面（scroll-view滚动、下拉刷新、键盘弹起不遮挡文字、苹果手机底部安全距离处理等）细节处理。
微信小程序-导航吸顶+view锚点
Strive-luo的博客
04-11 2193
微信小程序--导航吸顶+view锚点导航栏滑动定位+view锚点效果图实现原理WXMLWXSS主页面JS-主页面JS-主页面子页面-newcontent子页面-sticky子页面-uploadfile 导航栏滑动定位+view锚点 我们在做小程序的时候，难免会遇到页面里面有很长的数据，页面下面又有到导航栏部分；用户希望页面滑动到导航栏的位置，导航栏固定在页面的最上面，同时里面的数变化，也能改变导航...
微信小程序（二十二）action-sheet组件详细介绍
09-01
微信小程序的Action-Sheet组件是一种常见的交互元素，它模拟了iOS设计中的下拉菜单功能，用于展示一系列可选项供用户选择。在微信小程序中，Action-Sheet通常用于在底部弹出一个包含多个操作的列表，用户点击后执行...
微信小程序1，常用组件 view、swiper、swiper-item、 scroll-view、 icon、progress、text、rich-text、button、input、image
qq_49080239的博客
03-09 866
组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。其中只可放置swiper-item组件，否则会导致未定义的行为，下方为常用属性，其他很多属性可以去官网看。现支持两种节点，通过 type 来区分，分别是元素节点和文本节点，默认是元素节点，在富文本区域里显示的 HTML 节点。支持 JPG、PNG、SVG、WEBP、GIF 等格式，2.3.0 起支持云文件ID。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。文本，为行内元素，类似于html中的span。
微信小程序输入下拉框实现
最新发布
m0_58525425的博客
08-06 1295
3、需要优化的地方很多........
小程序采用Scroll-view实现瞄点，不兼容input标签解决方法
weixin_40463469的博客
05-07 993
小程序采用Scroll-view实现瞄点，不兼容input标签解决方法 1、原来采用的方法 上述为了测试scroll-view与input在安卓端不兼容，实验测试确实是不兼容。 2、采用scroll-view实现瞄点的方法 <scroll-view style="height:100%" scroll-into-view="{{toView}}" scroll-y="true" scro...
微信小程序 下拉选择
有勇气的牛排博客
04-06 1500
<view class='select_box'> <view class='select' catchtap='selectTap'> <text class='select_text'>{{selectData[index]}}</text> <image class='select_img {{show&&"select_img_rotate"}}' src='/image/gobottom.png'>&l
在scroll-view中使用input，input键盘弹出时，滚动页面，输入框内容会出现错位问题？
weixin_45041493的博客
03-28 630
在scroll-view中使用input，input键盘弹出时，滚动页面，输入框内容会出现错位问题？
微信小程序在使用scroll-view后，input聚焦时，键盘弹出后无法看到内容
weixin_38103152的博客
11-03 1313
微信小程序在使用scroll-view后，键盘弹出后无法看到内容，测试后发现，真实的输入框随键盘上移了所以看不到键盘， 并且聚焦时如果input不使用adjust-position="{{false}}"，会跑到页面顶部， 解决方案：在js中使用onPageScroll来代替scroll-view监听页面滚动 onPageScroll：官网文档并没有更新，但是在更新内容中可以看到 https://developers.weixin.qq.com/miniprogram/dev/framewor.
input 控件导致scroll-view控件不能滚动
huangyanshuo的专栏
04-11 371
前言：今天按照业务需求，画了一个原生小程序页面，然后发现scoll-view组件在iOS上出现了滑不动的问题。在这里记录一下，为以后再出现类似问题提供一个案例。 话不多说，直接上题，页面布局为在一个form表单中，同一层级下有一个scoll-view容器组件和几个input输入框组件，srcoll-view组件横向滚动，在安卓设备上跑没问题，然后在iOS上运行发现，在input组件获取过焦点后，再去滑动scroll-view组件，神奇的事情出现了，竟然滑不动。我天，什么鬼！ 一脸惆怅+懵逼！代码如下：
微信小程序实现下拉刷新清空input输入内容
u014570569的博客
08-07 3068
今天自己公司的小程序需要用到这个功能，然后就上网查了一下，结果真心不如人意，找的全是什么from表单的reset方法，但是这个方法我的理解是需要用一个按钮之类的去触发，所以不是我想要的。还有一种就是给input的value一个值然后刷新的时候setData，但是我的input全是一个for循环下来的，所以当时觉得别人的这个方法也还是不对。 不过，我仔细想了一下，还是采用了第二种方法，我们可以为每
微信小程序 picker+input组件 下拉选择框可文本框输入内容实例
weixin_45915891的博客
03-08 8914
最近做一个拼车小程序有一个需求：可以选择社区作为出发点，也可以输入出发点信息。 参考了一位大佬的帖子做了一个下拉选择框可手动输入的实例。 参考原文：https://blog.youkuaiyun.com/yelin042/article/details/79078068 下面是我的代码： 样式我是用weui的样式库 <!-- html --> <view class="weui-cell__...
微信小程序 自定义组件 select下拉选择器
weixin_47284756的博客
04-29 1679
微信小程序 自定义组件 select下拉选择器 首先我们自定义组件需要了解一下微信小程序如何自定义组件 在你的项目文件里新建一个components的文件夹 我这里建立在 pages里了 其实最好建立在和pages同级 然后在components文件夹里新建一个你组件的文件夹和内容 右键创建Component 这样就创建好了 然后我们把相应的代码放进去 wxml代码 <view class='select_box'> <view class='select' catchtap='s
微信小程序基础组件扩展功能介绍与使用方法
微信小程序的开发框架提供了丰富的基础组件供开发者使用，比如view、text、image、button、input、scroll-view等。开发者可以利用这些基础组件快速搭建出功能丰富、体验良好的小程序。然而，随着开发需求的不断增加...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值