scroll-view 第9页

微信小程序——【一】视图容器（view,scroll-view,swiper）之swiper组件（滑块视图容器）

swiper滑块视图容器。其中只可放置组件，否则会导致未定义的行为。属性类型默认值说明indicator-dotsbooleanfalse是否显示面板指示点autoplaybooleanfalse是否自动切换indicator-dotsbooleanfalse是否显示面板指示点intervalnumber5000自动切换时间间隔durationnumber500滑动动画时长swiper.wxml文

pinazhang·2022-06-23 19:55

微信小程序开发（十四）小程序滑动组件scroll-view

之前我们学习了小程序的基础组件swiper，今天我们就来学习另外一个基础组件scroll-view，小程序给scroll-view的定义是可滚动的视图区域，言下之意就是给定一个固定区域，当显示的内容超出该区域的时候

theyangchoi·2022-06-23 19:52

微信小程序swiper+scroll-view实现滑动切换内容

scroll-view：包裹整个页面，设置scroll-x或scroll-y，改变滚动的方向。3.实现代码{{item.name}}tab{{currentTab+1}}

苏苏就是小苏苏·2022-06-23 19:22

微信小程序scroll-view和swiper结合使用(附带图片,超详细)

微信小程序scroll-view和swiper结合使用大家好，今天我们来学习一下scroll-view和swiper结合使用，好好看，好好学，超详细的。

挣扎的工程师·2022-06-23 19:51

微信小程序：scroll-view制作横向滚动导航条特效

微信小程序：scroll-view制作横向滚动导航条特效一、scroll-view介绍微信小程序官方释义为：可滚动视图区域，目前一共有10几个属性，包括：scroll-x、scroll-y、scroll-top

猿仔·2022-06-23 19:50

微信小程序三个视图控件View、ScrollView、Swiper的解读及示例

index页面的WXML代码如下：{{motto}}View组件示范Scroll-View组件示范Swiper

qq_37321107·2022-06-23 19:50

微信小程序03 组件（视图容器view 、scroll-view、swiper属性及实现轮播图效果）

一、常用的视图容器组件（一）viewview组件是一个普通的视图区域，相当于Html中的div，是块级元素。基本使用：1.实现flex横向布局效果首先，在页面的wxml文件里写如下内容：我是page1ABC此时页面上会出现下图结果，因为view组件是块级元素，所以每一个元素占一行。再在wxss文件里给view组件写样式，定义组件的行高和背景颜色/*pages/page1/page1.wxss*/.

lith__romantic·2022-06-23 19:47

【微信小程序】2 - 轮播图：swiper 、scroll-view 、flex

文章目录1、swiper2、scroll-view3、flex注意：点击微信开发工具右上角"详情",查看项目信息：本地代码的大小是不能超过2兆的（2兆就是2mb（兆字节）=2048kb（千字节），所以我们的大图片都不存本地，我们可以弄个在线库或者弄个图片平台微信里一般icon图标我们存在本地，图片我们不存本地，用线上的图片；如果一张图片很大，那下载这个图片时占据的内存很大，不存在大数据加载的操作；

Eva3288·2022-06-23 19:13

七、微信小程序-快速回顾 ( swiper 轮播图、scroll-view 可滚动视图区域 )

文章目录一、swiper轮播图1.1.swiper基本使用1.2.调整轮播图和图片的大小二、scroll-view可滚动视图区域一、swiper轮播图轮播图是项目中最常见的功能，很多项目都会在首页中使用轮播图

三叔笔记·2022-06-23 19:13

【小程序】view视图，swiper轮播图，scroll-view滑动列表（在线详细手册）

【小程序开发】常用的视图容器类组件&基础内容组件前言宿主环境-组件视图容器类组件view组件scroll-viewswiper和swiper-item基础内容组件textrich-text前言欢迎来到魔术之家！！该文章收录专栏✨—2022小程序开发从入门到精通—✨专栏内容✨—【小程序–启航篇】一文打通任督二脉—✨书接上文【小程序–启航篇】一文打通任督二脉小程序宿主环境构成，上文已介绍了关于宿主环境

计算机魔术师·2022-06-23 19:43

微信小程序scroll-view不能左右滑动问题的解决方法

问题：在小程序页面布局的时候用到了scroll-view组件，发现横向移动没有效果。在网上查阅了一下资料发现问题所在。

·2022-06-13 10:17

微信小程序scroll-view在map上无法滚动

如下代码在搞了半天之后，就试着把scroll-view放在外面（以前是不允许在map里加scoll-vie

姬歌·2022-05-13 18:57

使用APICloud AVM框架封装通讯录组件

效果展示用的技术点是scroll-view中的scrollTo方法。

·2022-05-09 18:03

微信小程序项目实例——印记

日记发布文末项目代码见文字底部，点赞关注有惊喜一、项目展示印记是一款简洁便利的日记本，用户可以在其中发布自己的日记本，同时也可以查看、点赞和收藏别人的日记本二、日记列表日记列表展示所有的日记本，用户可以点击查看别人的日记首页采用scroll-view

失散多年的哥哥·2022-05-06 17:26

使用APICloud AVM框架实现App导航栏菜单

效果展示APICloud的AVM官方框架中有一个frame-group的组件，在此组件的基础上，将栏目导航中view标签换成了scroll-view标签，并设置成允许横向滚动。

·2022-05-05 17:14

微信小程序实现列表左右滑动

1、我们可以把列表的元素放在scroll-view控件中，并且让scroll-view实现横向滑动2、把列表内容项的宽度占满手机宽度，利用rpx特性（自适应屏幕），默认iphon6就是750rpx，只要设置大于等于

·2022-04-27 10:49

移动应用开发——“音乐”小程序项目

“音乐”小程序项目开发实战实验目的①掌握swiper组件的使用②掌握scroll-view组件的使用③掌握image组件的使用④掌握slider组件的使用⑤掌握音频API的使用实验环境①Windows10

张家的鱼摆摆·2022-04-23 01:57

uniapp自定义弹框穿透触发scroll-view下拉刷新

修复自定义弹框穿透触发scroll-view下拉刷新bug解决思路：弹框出现的时候，禁止掉scroll-view的自定义下拉刷新父组件---scroll-viewHTML：sjs：data(){return

悦1_1·2022-03-31 21:19

uniapp中scroll-view高度样式，解决手机端问题

.scroll-container{/*#ifdefH5*/height:calc(100vh-88rpx-100rpx-env(safe-area-inset-bottom)-var(--status-bar-height));/*#endif*//*#ifdefAPP-PLUS*/height:calc(100vh-88rpx-env(safe-area-inset-bottom));/*#e

墨迹斑斑的老墙·2022-03-18 18:56

微信小程序项目实例——智能用电

—智能用电一、项目展示二、引导页三、配家电四、小贴士五、省电费六、节能源项目代码见文字底部，点赞关注可私发代码一、项目展示二、引导页小程序首页采用引导页展示漫画和文字，提高了用户的使用体验感引导页使用scroll-view

失散多年的哥哥·2022-02-27 16:37

uniApp 简单组件介绍

image图片属性名类型默认值说明平台支持srcString图片资源地址modeString'scaleToFill'图片裁剪、缩放的模式lazy-loadBooleanfalse图片懒加载,只针对page与scroll-view

阿闯学长·2022-02-21 18:11

微信小程序横向滚动失效

今天做微信小程序的scroll-view组件，看着官方文档的配置，但是他并没有讲清楚小白的问题。先上一段官方的代码，发现并不能动起来。

咩咩籽·2022-02-19 10:56

微信小程序去除scroll-view组件右边滑动条样式，

微信小程序去除scroll-view组件右边滑动条样式，但不会影响滑动效果/*隐藏滚动条*/::-webkit-scrollbar{width:0;height:0;color:transparent;

顽皮的大猩猩·2022-02-16 19:53

小程序的坑

在使用scroll-view组件时，明明之前写的一个列表是好的，结果写另外一个列表时，就出现了，下拉时会走上拉方法，上拉时会走下拉方法，在网上找的解决办法是加个bool值正在加载处理，也没有好转，最后解决办法是

十一岁的加重·2022-02-16 16:34

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

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

world_7735·2022-02-13 11:21

微信小程序 scroll-view区域滚动，无法垂直滚动

顶部标题title//注意：scroll-view的高度不能比它的父元素box高度高，否则无法滚动//需要验证的话直接修改scroll-view高度为200，直接就无法滚动了

Pino·2022-02-11 14:36

APICloud AVM框架列表组件list-view的使用、flex布局教程

可使用scroll-view的基

·2022-01-27 08:20

【2021/12/23】scroll-view是否触底问题

scroll-view是否触底问题众城世家聊天页面中，要实现微信那种，如果有新消息，在底部的话就滚动到新消息，如果没有在底部的话就不滚动，这个时候需要判断是否在底部，经uview开发人员帮助，进行尝试。

·2021-12-23 09:48

微信小程序实现吸顶效果的方法实例

目录1.实现方式2.存在的问题3.考虑是否有更好的实现方式总结背景是做一个日期title随着用户滑动，当滑到当前日期list数据时，有一个吸顶效果，并且该效果与原来样式不一样1.实现方式scroll-view

·2021-10-27 16:19

uniapp和vue的区别详解

目录1.简单的页面示例2.uni-app支持vue组件和小程序原生组件混用3.常用标签，常用组件包括view、text、swiper、scroll-view等。

·2021-10-18 17:29

微信小程序scroll-view实现左右联动效果

微信小程序利用scroll-view实现左右联动，供大家参考，具体内容如下点击左边的按钮时，右边可以跳动到指定的位置首先要注意使用scroll-view竖屏滚动，需要给scroll-view固定高度其次在点击时

·2021-09-24 11:35

微信小程序实现左右联动

虽然这个功能很小，但我觉得一旦搞清楚scroll-view

·2021-09-24 11:57

微信小程序scroll-view实现左右联动

本文实例为大家分享了微信小程序scroll-view实现左右联动的具体代码，供大家参考，具体内容如下需求：项目中做了一个选择城市的需求，要求全国所有的省市区都按照中文首字母分类并排序，左侧的城市列表和右侧的字母列表实现双向联动

·2021-09-24 11:56

微信小程序scroll-view实现上拉加载数据重复的解决方法

微信小程序的scroll-view上拉加载更多的BUG（数据会多加载，甚至有重复数据）。

·2021-08-16 15:41

微信小程序注意事项汇总收集

1.scroll-view无法滚动问题//scroll-view的内层view元素需要增加样式：display:inline-block//scroll-view的外层元素需要：white-space:

zzh_zack·2021-07-24 09:53

微信小程序实现类似外卖平台右侧商品滑动时，左侧分类导航栏的相应分类被选中

左侧导航栏与右侧商品列表相互联动，类似喜茶这种联动效果image.png实现思路：1.使用组件scroll-view的属性scroll-into-view(值应为某子元素id，id不能以数字开头）。

糖圆二胖·2021-06-27 06:20

微信小程序关于scroll-view 横向滚动的一些问题

今天刚做微信小程序的scroll-view组件，看着文档的配置很简单，但是按照配置实现并实现不了想要的结果。首先先贴上一段代码文档说竖向滚动的时候才要设置高度，并不是，横向滚动也要的，这是第一个问题。

my鄔仔·2021-06-25 07:17

精确计算微信小程序scrollview高度，全机型适配

而小程序的scroll-view组件就比较坑了，非得指定一个高度才能正常使用。布局复杂的时候谁还给你算高度啊。。。坑归坑，没办法，还是得用……既然官方要求必须传高度，那就想办法计算吧。

solocoder·2021-06-25 03:24

微信小程序中苹果ios固定定位position:fixed失效bug

特意一补为page标签设置wxss样式overflow-y:hidden;overflow-x:hidden;然后在wxml中设置标签.............在wxml中的两个变量js中设置（自己可以调整scroll-view

Kser·2021-06-10 08:10

小程序scroll-view垂直滚动下设置高度问题

可能会出现设置的样式表现与纯W3C标注表现不同；这里记录下很可能出现的问题，方便的处理方式；这里要做的需求是，page中top有一个50px高度的header-bar，box占据其余部分高度（里面放一个可滚动的列表，也就是scroll-view

白屏·2021-06-08 15:41

小程序for循环嵌套请求接口问题

一颗粒普斯·2021-06-08 07:06

小程序隐藏或自定义 scroll-view滚动条

引用：scroll-view滚动条css隐藏滚动条::-webkit-scrollbar{width:0;height:0;color:transparent;}自定义滚动条样式::-webkit-scrollbar

爱如颖随形·2021-06-07 10:00

微信小程序把video固定在页面顶端的奇怪问题(视频移动，黑色底留下)

1.videofixed布局会造成：视频移动，黑色底留下2.flex布局，video固定高度，自适应部分用scroll-view,代码如下：….grid-box{width:100%;height:100%

訫癡癡·2021-06-06 22:37

非scroll-view实现页面锚点跳转

我个人不太喜欢用scroll-view，要计算高度嫌麻烦，网上搜了一下，找到了非scroll-view就可以实现锚点跳转，方法好用。

爱抹茶的小狮子·2021-06-06 09:34

选项卡及对应跳转

选项卡静态布局思路：主要用到scroll-view与swiper标签，选项卡切换主要依靠swiper中的current属性，不懂请自行查看小程序API。跳转页面且跳至与之相对应的选项卡思路

_vb·2021-05-21 10:59

（四十五）scroll-into-view入门

1.pngdom原理：1.获取scroll-view组件的高度2.获取scroll-into-view的id，得到该id的高度3.计算要滚动的scrollTop数值{{index}}{{index}}Page

秀萝卜·2021-05-21 08:14

小程序wepy上拉下拉解决方案

列表上拉下拉加载数据是再常见不过的功能，第一个想到的是scroll-view组件，里面有两个事件，分别是bindscrolltoupper（拉到最顶部）和bindscrolltolower（拉到最底部）

一阵风fly·2021-05-16 17:14

setData数据量过大问题

解决方案参考：https://github.com/wechat-miniprogram/recycle-view基本思路就是：使用scroll-view，然后监听scroll事件，只set在可视范围内的数据

不得不爱XIN·2021-05-16 10:51

微信小程序--下拉菜单(带动画)实现

content的高度是会在js里根据当前手机分辨率所动态计算的，高度值为contentHeight，所以在里面可以嵌套一个scroll-view，设置高度为contentHeight即可实现内容滑动。

Sunny玄子·2021-05-11 07:21

小程序关于scroll-view无法监听触发事件的情况

scroll-view的高度如果设置成百分比，添加事件是无法触发的，一定改成px的样式来定义scroll-view的高度

spring_zou·2021-05-03 18:13

推荐频道

scroll-view