scroll-view

[小记] 微信小程序小方法(padding失效；scroll-view的rpx高度；input清空输入+wx:if切换+计时器...)

微信小程序padding失效在使用padding前，添加box-sizing属性，值为：border-box;box-sizing:border-box;padding:030rpx;scroll-view
"William'_·2020-08-11 00:44

【前端】【解决问题】uniapp的scroll-view组件的scroll-top，设置回到底部失效，解决方法

官方解决我一开始看官方方法以为不行，到处找，结果搞了两三个小时，然后一试官方方法就搞定了。还是官方人考虑的全。我的代码：html：js：exportdefault{components:{userChatBottom,userChatList},data(){return{scrollTop:0,//滚动条的位置old:{scrollTop:0},style:{contentH:0,itemH:0
唐tangxz·2020-08-10 08:59

微信小程序滚动Tab选项卡：左右可滑动切换

一、wxml结构tab标题因一排八个，所以使用scroll-view组件，使其可横向滚动。tab内容可左右滑动切换，使用swiper组件实现为了偷懒，所以数据都通过wx:for遍历重复出来。说明：1
weixin_30772261·2020-08-10 02:45

scroll-view 横向滚动导航（小程序）

制作一个横向滚动的分类导航分类{{index}}.scroll-wrap{width:750rpx;height:80rpx;line-height:80rpx;background-color:#ffffff;}.tab-wrap{white-space:nowrap;/*不换行*/overflow-y:hidden;/*隐藏某个超出的的bug*/text-align:center;}.tab-
一只狂躁的兔子·2020-08-09 23:40

左右滑动

tab标题因一排八个，所以使用scroll-view组件，使其可横向滚动。tab内容可左右滑动切换，使用swiper组件实现为了偷懒，所以数据都通过wx:for遍历重复出来。1、设置data-cur
桃之夭夭、·2020-08-09 18:31

微信小程序之scroll-view的flex布局问题

关于微信小程序的scroll-view组件，第一次写的时候是直接在scroll-view中用了一层容器包裹子元素，然后用了flex布局，并且是用了组件来实现的横向滚动，后面有提出改进，但是不记录下，就发现过了几天
weixin_33739541·2020-08-09 14:44

微信小程序完美解决scroll-view高度自适应问题

第一种情况，scroll-view占据整屏scroll-view{  height:100vh;}第二种情况，scroll-view自适应页面剩余高度xml文件      wxss文件.box{  display
huzedong2015·2020-08-09 13:45

【小程序】如何使用锚点实现定点跳跃

在小程序官方文档中提到scroll-view，scroll-view有scroll-into-view这一属性根据页面的实现，页面分为两大节点，滚动视图区域和定位标签......
墨霁青玉·2020-08-09 10:34

实现微信小程序自定义选项卡组件以及tabs悬浮置顶

//cpn-tabs.wxml​{{item.value}}//这里要用到scroll-view来实现tabs悬浮，tabs以下滑动​//组件的wxss代码page{height:100vh;}.c
weixin_46128398·2020-08-09 02:08

小程序 WXS响应事件（滚动菜单栏tab吸顶）

给滚动视图组件设置一个比较大的数字值可以触发wxs响应函数的执行页面使用scroll-view滚动代替页面滚动之后，上拉下拉加
Lotus王·2020-08-08 20:22

[微信小程序]通过计算其他view的高度，动态给定scroll-view的高度

WXML节点信息API微信小程序的开发文档有个很重要的apiwx.createSelectorQuery()具体大家还是看一下文档，我下面是直接上代码解说；wx.createSelectorQuery()文档案例中的布局这里页面上部分有三个view，它们的class分别是.kill-order、.bannerType、.search；然后接下来的是一个class=content的scroll-vi
luck-cheng·2020-08-08 18:58

微信小程序实现一个可以编辑单元格的表格

分别用tr和td代表行和每个单元格,由于需要展示的内容较多，所以使用scroll-view来让表格可以水平滑动。
kormondor·2020-08-08 17:48

当组件中用scroll-view布局tab切,遇到的滚动阻止和tab切吸顶的问题

由于页面中使用了scroll-view布局的tab模块,导致了scroll-view模块的滚动和页面自身的滚动可以同时触发,而不是在吸顶后触发,针对这个问题做了如下处理在父组件中定义要处理掉组件的id然后通过获取当前子组件进行传值给子组件
json_deconde·2020-08-08 16:01

如何在小程序中加上一个底部回顶功能

不是那种简单的>多少而是要根据页面算出距离显示和隐藏上面是一个样式,添加了事件和判断,但是要注意下面方法的scrollTop与scroll-view中的属性相结合/***回到顶部方法很简单*/onTapMove
json_deconde·2020-08-08 16:01

小程序scroll-view 设置scroll-y=false 不管用的问题

问题：利用scroll-view组件横向滚动实现步骤条效果，每个子元素下使用到scroll-view组件纵向滚动。小程序开发工具上正常，在真机上滚动子元素内容时，页面会跳到第一个子页面。
hy_ethel·2020-08-08 16:56

Scroll-View

1.wxmlscroll-view组件竖向滚动ClickmetoscrollintoviewClickmetoscroll2.jsvarorder=['green','yellow','blue'];Page({data:{toView:'green',scrollTop:0},clickA(e){console.log('clickcontainer-A');},clickB(e){consol
angyi6424·2020-08-08 14:09

微信小程序完美解决scroll-view高度自适应问题的方法

第一种情况，scroll-view占据整屏scroll-view{height:100vh;}第二种情况，scroll-view自适应页面剩余高度xml文件wxss文件.box{display:flex
·2020-08-08 10:42

关于小程序scroll-view组件更新时底部显示

在小程序开发中，需求是scroll-view组件在出现滚动条时，默认显示最底部内容。做这个我们需要用到scroll-view组件的scroll-top属性，在开发遇到的坑。
weixin_42123532·2020-08-07 21:14

微信小程序的 scroll-view 上拉加载数据重复

微信小程序的scroll-view上拉加载更多的BUG（数据会多加载，甚至有重复数据）。
武当山道士·2020-08-07 12:47

微信小程序踩坑

1.在scroll-view中不要有fixed定位的元素，会导致fixed元素不能正常固定(ios必现)2.audio音频资源加载中页面onHide后，无法调用audio组件的api，需要等页面onShow
树洞丶·2020-08-07 07:48

微信小程序 scroll-view横向滚动

看到有人将scroll-top属性用在了scroll-x=true的scroll-view组件上，问题显而易见scroll-top=”10”设置竖向滚动条位置scroll-x=”true”设置组件横向滚动自己写了一个横向滚动的
yang295242361·2020-08-05 22:33

微信小程序 scroll-view 嵌套 for 循环

问题描述：scroll-view内嵌套写死的内容时，可正常滑动，嵌入for循环内容时换行无法滑动。给scroll-view加上style="white-space:nowrap;"不换行就解决了。
zhangXY_·2020-08-05 22:14

小程序scroll-view横向滑动列表文字不换行

小程序scroll-view横向滑动列表文字不换行今天在写小程序的时候需要一个横向滑动列表scroll-view,但是发现在scroll-view中一行文字不能换行，代码如下：{{item.name}}
Maple元·2020-08-05 21:42

微信小程序组件scroll-view无法横向滚动问题

当我们使用scroll-view组件的时候，通常按文档上的说明进行操作，也就是将scroll-x="true"来设置允许横向滚动的时候，其实只设置这里还是不够的。
记得每天进步一点点·2020-08-05 21:52

小程序scroll-view中文字不换行问题

问题描述：在scroll-view中scroll-x="true"时控制文字超出显示省略号，要求如图：但实际中会出现如文字不换行或样式错乱的问题。
非空骑迹·2020-08-05 21:46

微信小程序——定位/加载到固定元素/位置【锚点】

在HTML中，可以用实现跳转，小程序中则是用scroll-to-view来实现.将整个页面最外层的view替换为scroll-view，同时需设置高度，此高度要设置为移动设备可视区域高度（注意不能设置为
Dove言和·2020-08-05 19:06

小程序 swiper仿tab切换----动态绑定事件+获取wxml节点+在wxs里修改节点样式

一、先看效果：（不知道为啥录屏后的gif视频总会偏移，令人烦恼，望大神告知~）二、用到的知识点枚举scroll-view，详情请戳此：https://blog.csdn.net/mChales_Liu/
mChales...·2020-08-05 19:47

小程序scroll-view左右滑动联动效果

效果图{{item.type}}{{item.type}}{{itemName.name}}varapp=getApp();Page({heightArr:[],distance:0,data:{currentLeft:0,//左侧选中的下标selectId:"item0",//当前显示的元素idscrollTop:0,//到顶部的距离serviceTypes:[{type:"标签1",servi
hy3528·2020-08-05 00:38

scroll-view

1、竖向滚动首先从简单的来，竖向滚动很简单，只用记住两点即可：首先得设置scroll-y属性；其次，一定要给scroll-view设置一个height高度；2、横向滚动横向滚动就有点坑了...首先还是要设置滚动方向为
京鸿一面·2020-08-04 18:00

微信小程序向下滚动加载更多数据

代码1、wxss/*这是利用了scroll-view组件，必要的参数。
boxJLP·2020-08-04 17:00

微信小程序学习笔记四（持续更新）---征服scroll-view下拉刷新

官方提供的scroll-view作为容器，如果在scroll-view使用onPullDownRefresh实现下拉刷新，会存在页面刷新卡，并且刷新会出现在tab之上，用户体验极差。
super琪·2020-08-04 17:11

uni-app 环游记

-搜索栏样式h5和小程序不一样，h5偏高-scroll-view不能左右排布scroll-view宽度固定就好-requestpost请求跨域在post请求时必须要添加请求头header不然会报错,get
白日有梦·2020-08-04 17:07

uni-app中的坑，你遇到了吗？

1、很多情况下会使用到textarea组件,但是这个鬼东西特别多事，在弹出框中使用一定要记得定位，不然就会穿透页面的元素，而且千万不要在scroll-view、swiper、picker-view、movable-view
Hannahai·2020-08-04 12:40

微信小程序自定义组件-城市选择

也就是一个scroll-view，一个view布局以及一个text。最终确定的wxml布局文件如下：{{item.letter}}{{cityIte
RaoMeng1995·2020-08-03 13:29

微信小程序开发(十四)scroll-view实现下拉刷新上拉加载更多

关于scroll-view什么是scroll-viewscroll-view：可滚动视图区域。scroll-view的属性注意点使用竖向滚动时，需要给一个固定高度，通过WXSS设置height。
湖工电气·2020-08-03 09:47

小程序 点击item 自动居中 scroll-view scrollLeft

HTML的代码{{item.title}}逻辑的data={topArray:[{title:'游览点哈',id:2},{title:'卫生间哈',id:13},{title:'视频监控',id:11},{title:'智能广播',id:12},{title:'出入口哈',id:14},{title:'观光车哈',id:15},{title:'智能广播',id:16},{title:'出入口哈',
weixin_43932211·2020-08-03 08:46

微信小程序滚动居中导航选项卡

利用微信小程序自带的组件scroll-view的scroll-left就很容易实现这个效果。wxml代码：{{navItem.cat_name}}遮罩层是右边提示可以滑动的一个遮罩图。
king-w·2020-08-03 03:55

小程序开发实例技巧（二）横向滑动切换列表效果

在项目开发中，我们经常会对数据进行分组并且循环加载，像今日头条app首页那样，今天动手写了个类似的demo，效果图如下：主要涉及到：scroll-view可滚动视图区域组件，swiper滑块视图容器，以及
caicai1171523597·2020-08-02 23:03

微信小程序scroll-view左侧导航栏点餐功能实现，点击种类，滚动到锚点；滚动到锚点，种类选中

1.wxml代码：{{item.title}}{{item.title}}2.wxss代码：@import"../../components/catering-item/catering-item.wxss";/*pages/catering.wxss*/.page{display:flex;flex-direction:column;width:100%;/*background:#F7F4F8
Grance2016·2020-08-02 15:39

uniapp 两个scroll-view相互作用

如何在uniapp，scroll-view标题和scroll-view内容相互联动效果?
晓鱼仔·2020-08-02 15:15

uniapp之上拉、下拉临界点的监听（当前界面，或部分视图）-------生命周期函数的运用，或scroll-view 的运用

//组件嵌套方式的上拉，下拉触碰（当前界面只对部分视图进行滚动）放入视图组件pullDown(e){console.log(e,'下拉')uni.showToast({title:'下拉刷新',duration:2000});},loadMore(e){console.log(e,'上拉')uni.showToast({title:'上拉加载更多',duration:2000});},//当前界面
web前端_CC·2020-08-02 15:31

小程序······uni-app框架项目-----------2

分页功能分析上拉加载1使用scroll-view标签充当分页容器实现吸顶灯效果必须添加一个高度：如果和弹性布局混用（display:flex;）需要在标签属性添加enable-flexhtml必须添加属性
人间艾斯卡诺·2020-08-02 14:28

uniapp scroll-view左右联动完整功能

原生的uni-app里面的插件是不能左右互相联动的{{item.id}}{{item.title}}第{{index2+1}}个商品标题第{{index2+1}}个商品的描述内容第{{index2+1}}个商品的价格exportdefault{data(){return{scrollHeight:'500px',leftArray:[{id:1},{id:2},{id:3},{id:4},{id:
邪小新·2020-08-02 13:43

uni-app开发(1)---首页顶部导航与内容联动

效果图：逻辑分析：顶部导航使用，scroll-view标签，选中的分类添加active类名，声明选中的分类索引为tabIndex。
ZYN5431·2020-08-02 13:33

scroll-view左右联动

究极干货，完美实现微信小程序商品左右联动scroll-view的实现及性能优化,点击左边，右边滚动；右边滚动，左边也对应变化究极干货，完美实现微信小程序商品左右联动scroll-view的实现及性能优化
qq_40994103·2020-08-02 13:01

ColorUI组件库简易教程之扩展插件

目录扩展插件索引列表微动画全屏抽屉垂直导航扩展插件索引列表索引列表主要由scroll-view标签实现，类名为indexes，具体js逻辑请看源码，有些我没看懂，希望看懂的大佬教教我搜索{{item.name
仗剑东游的猫·2020-08-01 13:50

uniapp监控触摸事件结束

如果是组件可以使用“scroll-view”的“@scroll”方法，以这种方法为例：//...内容2.监听触摸时设置定时器，如下lettimer=null;//设置全局定
Sport_18·2020-08-01 10:29

小程序scroll-view和swiper结合使用，实现标签功能（完美版）

微信小程序为了实现scroll-view配合swiper实现tab栏切换动态的渲染scroll-view滑动swiperscroll-view滚动到相对应的地方，网上找了很多资料，但都不尽人意，小白试了进一天
zzg_10·2020-08-01 09:41

小程序scroll-view示例

横向拖动注意参数：scroll-x="true"style="white-space:nowrap;width:100%;display:flex">display:inline-block纵向拖动
jony0303·2020-08-01 08:22

微信小程序-scroll-view滚动到索引位置(二)

有一些重要的关键点请看上一篇文章微信小程序-scroll-view滚动到指定位置(一)主要用到scroll-into-view如果你想让他回顶部直接用scroll-top即可话不多说,看代码wxml{{
莫兰迪不会没有瓶子·2020-08-01 08:53
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他