scroll-view 第5页

关于uniapp微信小程序scroll-view组件使用show-scrollbar隐藏不了滚动条

这里关于使用scroll-view组件时候有滚动条想要隐藏滚动条但是使用show-scrollbar没有效果这时候又使用类名隐藏滚动条使用id隐藏滚动条都不行解决方法：在使用scroll-view组件的页面或者

T3165919332·2023-08-19 22:13

uniapp中swiper内嵌video组件的坑

uniapp中swiper内嵌video组件的坑是使用uniapp写的项目，需求就是写一个tab切换，tab1里面是一段文本，tab2也是，tab3里面需要使用video组件插入一个视频,我是使用的scroll-view

小太阳!·2023-08-19 07:16

04-微信小程序常用组件-基础组件

其中，视图容器组件包括view和scroll-view等，用于实现页面的结构和滚动效果；基础内容组件包括text和im

度假的小鱼·2023-08-19 07:45

05-微信小程序常用组件-表单组件

其中，视图容器组件包括view和scroll-view等，用于实现页面的结构和滚动效果；基础内容组件包括t

度假的小鱼·2023-08-19 00:05

03-微信小程序常用组件-视图容器组件

其中，视图容器组件包括view和scroll-view等，用于实现页面的结构和滚动效果；基础内容组件包括text

度假的小鱼·2023-08-19 00:35

uniapp —— 实现左右联动商品分类页面

要求就这么多，可以先看下效果如何：一、搭建结构重点：使用uniapp的scroll-view组件，如果是小程序原

vk阿木·2023-08-18 02:44

scroll-view的滚动触底事件

问题：bindscrolltolower="nextPage"，已经加了触底事件了，但是怎么都触发不了解决：需要固定一个高度，指定滚动方向：scroll-ystyle="height:{{windowHeight-nav_height}}px;"0}}"scroll-with-animation>其他原因：第一个分页数据过少的情况下，也可能因为没有填充满当前高度导致无法触发，这个触底事件。参考：s

Lan.W·2023-08-17 11:12

微信小程序实现 TabLayout 并带有过渡效果

网上搜寻发现小程序端需要实现Tab切换效果，多是通过scroll-view和swiper联动实现，并且指示器没有过渡效果，多是闪现跳到下一个Tab。

ziwenl·2023-08-17 05:47

可滚动视图scroll-view组件

目录官网功能描述一、个人认为scroll-view常用的属性1.横向滚动：scroll-x与纵向滚动：scroll-y2.下拉刷新：refresher-enabled3.滚动到底部bindscrolltolower

孤狼灬笑·2023-08-16 23:15

uni-app弹窗列表滚动, 弹框下面的内容也跟随滚动解决方案

弹框下面的内容也会跟着滑动，导致弹窗中的列表不能正常滚动1.弹窗组件代码，需要在最外层的view中加入@touchmove.stop.prevent="moveHandle"，且弹窗中需要滚动的列表要使用scroll-view

泡壶好茶·2023-08-14 11:57

scroll-view组件实现滚动到底部

');varheight=uni.getSystemInfoSync().windowHeight;varquery=uni.createSelectorQuery();query.select('#scroll-view

liyinchi1988·2023-08-14 08:01

微信小程序scroll-view横向滚动和纵向滚动实现（亲测管用）

微信小程序横向滚动//wxml12345//wxss#select_title{color:#F2A669;}scroll-x=“true”style="white-space:nowrap;display:flex"开启横向滚动必须设置的scroll-into-view="{{rightId}}"设置滚动到那个元素的参数接收一个id名id=“select_title”id名4.子元素必须设置st

前端若水·2023-08-13 13:02

小程序页面滚动不灵敏

加上下面样式，确实好了很多scroll-view{-webkit-overflow-scrolling:touch;}

小小小小小晴天·2023-08-13 09:55

微信小程序底部导航栏最多只能显示五个，解决办法

可以使用scroll-view实现类似tabBar的效果可以使用scroll-view组件来自定义一个可以滚动的TabBar，将每个Tab子页面放在scroll-view内，然后通过scrollIntoView

smallmww·2023-08-11 16:59

uniapp 左右滑动切换页面并切换tab

实现效果如图要实现底部内部的左右滑动切换带动上方tab栏的切换，并且下方内容要实现纵向滚动，所以需要swiper，swiper-item,scroll-view组合使用tab栏部分{{item.name

北京的北京·2023-08-11 05:59

uniapp scroll-view 隐藏滚动条

/*清除滚动条-适配安卓*/::-webkit-scrollbar{width:0;height:0;color:transparent;}/*清除滚动条-适配IOS*/::-webkit-scrollbar{display:none;}

程序猿海王秃·2023-08-09 07:23

【微信小程序】scroll-view滚动

1.竖向滚动wxml文件ABCwxss文件/*pages/list/index.wxss*/.container1view{display:inline-block;width:100px;height:100px;text-align:center;line-height:100px;}.container1view:nth-child(1){background-color:lightblue

ོ栖落·2023-08-08 08:05

微信小程序scroll-view隐藏滚动条方法

在wxss里加入以下代码：::-webkit-scrollbar{width:0;height:0;color:transparent;}

程思扬·2023-08-08 03:21

uniapp/小程序 scroll-view 中设置flex布局无效问题

问题使用scroll-view设置横向滑动时在scroll-view元素上设置flex布局，没有生效点赞收藏关注.recommend-content{display:flex;/*flex布局无效*/}

Jiang_JY·2023-08-06 10:19

微信小程序scroll-view真机调试，滑动刷新失效问题

1，检查scroll-view的height是否用“vh”为单位2，height度太高，没有触发事件，适当减小高度

清风竹语·2023-08-06 00:00

uni-app中 scroll-view组件滑动事件不生效问题?

uni-app中scroll-view组件滑动事件不生效问题?答案是：没有给scroll-view定义滚动事件。

猿小张·2023-08-06 00:30

微信小程序scroll-view滑动卡顿，下滑时向上滑动失效

微信小程序scroll-view滑动卡顿滑动卡顿解决方案代码实现wxml文件js文件滑动卡顿微信小程序scroll-view组件在滑动时频繁卡顿，向下滑动时，向上滑动无效，无法停止。

悲伤的企鹅·2023-08-06 00:30

小程序小程序scroll-view上滑加载bindscrolltolower偶尔不触发，需要下拉后上滑一下才能触发

之前我们并没有使用bindscrolltolower，而是使用这个结构，并使用官方的onReachBottom去上滑加载更多，忘记之前是否能用了（感觉之前是能用的），但最近发现onReachBottom触发一次之后就不再触发了，由于没有找到原因，只能换一种办法做了：使用bindscrolltolower偶尔不触发，可以用lower-threshold这个属性可以解决；根据自身需要去设置它的值就可以

Allie1995·2023-08-06 00:29

小程序 scroll-view 出现滚动卡顿解决

目前问题只会在真机上出现，开发工具中无法复现网上有多种方式都列举出来，以便以后查阅scroll-view内容太多，并且设置了absolute，将层级设高即可解决，原理不明。

pspxuan·2023-08-06 00:59

微信小程序view-scroll的ios真机点击跳转返回之后无法滚动

真机点击跳转返回之后无法滚动//列表list情况是：使用view-scroll实现触底加载，list列表点击之后会跳转详情页，从详情页返回之后列表卡死无法上拉数据若要使用下拉刷新，建议使用页面的滚动，而不是scroll-view

一梦成回忆·2023-08-06 00:28

小程序如何隐藏 scroll-view 滚动条

在使用横向scroll-view时，在ios手机上并没有出现滚动条，但是在Android上出现了令人难以接受的灰色滚动条只需在滚动条页面的wxss中添加以下样式代码，就可以隐藏/*隐藏滚动条*/::-webkit-scrollbar

stone呀·2023-08-05 09:22

小程序的横向滑动

小程序横向滑动可以通过使用小程序的scroll-view组件来实现，具体步骤如下：在wxml文件中添加scroll-view组件，并设置属性horizontal为true，同时设置宽度和高度；在样式文件中设置

坐等拆迁砸电脑·2023-08-04 13:42

【uniapp，触底加载，下拉刷新】【h5】滚动区域滚动触发触底加载 scroll-view

scroll-view可滚动视图区域。用于区域滚动。

嘿，小苹果·2023-08-04 00:53

微信小程序 - scroll-view组件之上拉加载下拉刷新（解决上拉加载不触发）

前言最近在做微信小程序项目中，有一个功能就是做一个商品列表分页限流然后实现上拉加载下拉刷新功能，遇到了一个使用scroll-viwe组件下拉刷新事件始终不触发问题，网上很多说给scroll-view设置一个高度啥的就可以解决

Qianmo_er·2023-08-03 09:44

【CSS】ios上fixed固定定位的input输入框兼容问题

需求：实现一个简单的需求，上方是搜索框并且固定顶部，下方是滚动的内容list问题:若如图上方使用固定定位,下方用scroll-view,在安卓上是没有问题的,但是发现ios上会出现兼容问题:问题1:当contentlist

科科是我嗷~·2023-08-02 20:26

wx微信小程序实现通讯录

第一步，保证后端返回数据是固定格式，带有abcd这样的标识第二步,分三块，左侧（scroll-view），上，右侧第三步，左侧滚动，判断滚动的距离，借助第三方变量，右侧可以知道现实某个字母高亮页面wxml

戒不掉的伤怀·2023-08-02 19:42

解决微信小程序自定义弹窗滚动穿透问题

2、底部内容区使用scroll-view设置scroll-view垂直滚动，并将scroll-view的高度设置为屏幕高度，

vanΚon·2023-08-01 23:00

微信小程序如何实现列表

微信小程序中实现列表可以通过使用「scroll-view」组件或「list」组件来实现。使用「scroll-view」组件：可以使用wx:for指令来循环渲染列表中的数据，并为每个元素设置相应的样式。

腐国喵小姐·2023-08-01 17:38

微信小程序详细教程

首先介绍常用的内置组件：1，在页面的模板xxx.wxml里写入内容，首先是文本标签，介绍两个最常用的2，按钮3，文本标签4，图片标签5，开关选择器6，日期选择器7，图标8，元素水平滚动9，垂直滚动，只是把scroll-view

鸭子嘎鹅子呱·2023-08-01 13:35

uniapp scroll-view显示滚动条

在style中添加样式：::v-deep::-webkit-scrollbar{/*滚动条整体样式*/display:block;width:10rpx!important;height:10rpx!important;-webkit-appearance:auto!important;background:transparent;overflow:auto!important;}::v-deep

江拥羡橙·2023-08-01 11:44

uniapp scroll-view 下拉刷新动画无法关闭问题

用scroll-view来写下拉刷新，但是，动画效果一直无法关闭。这个问题该怎么解决呢？

安静仁·2023-07-29 13:41

uni-app scroll-view事件无法触发的问题

templateimage.pngscroll-view需要给定一个固定高度，如果不确定的话，就先给一个“100vh”，然后监听一下就可以了

逍遥至尊灬寳·2023-07-29 09:55

uni-app踩坑记录

uni-app问题记录——scroll-view组件多个scroll-view绑定功能描述解决方法双向绑定的bug其他多个scroll-view绑定在做项目过程中遇到一个问题，需要做一个类似table的表格

h_h_y1994·2023-07-29 04:37

uni-app 微信小程序左滑动删除

div部分dsadsadsadas删除css部分scroll-view{width:100%;height:100rpx;white-space:nowrap;}.item1,.item2,.item3

undefined汪少·2023-07-28 04:27

小程序使用scroll-view滑动到底部触发下一页的方法

1.在页面上建一个scroll-viewbindscrolltolower----bindscrolltolowerlower-threshold----距底部/右边多远时，触发scrolltolower事件wxss：//里面放内容2.去js里定义js：touchBottom(){//currPage需要在data里定义为1//你写数据接口的地方是需要传页码的letcurrPage=this.da

努力做一个好前端·2023-07-27 11:58

uniapp 分页，分为scroll-view以及页面下拉刷新 onReachBottom两种情况

1、包含在scroll-view里的滚动分页import{shop_info}from'@/api/index.js';exportdefault{data(){return{listTop:0,status

想不到耶·2023-07-27 07:20

uniapp微信小程序scroll-view滚动scrollLeft不准确

今天在实现微信小程序的一个横向导航的时候出现了一个问题，就是每次滑到滚动条最右边的时候scrollLeft的值都不准确原因：因为每次滚动监听事件都会被调用比较耗费资源系统会默认节流，可以在scroll-view

T3165919332·2023-07-27 01:30

小程序中的canvas不跟随scrollView滚动

原生组件还无法在scroll-view、swiper、picker-view、movable-view中使用。部分CSS样式无法应用于原生

hongten_chen·2023-07-26 04:09

微信小程序解决view点击事件穿透地图map触发markertap

然后无意间我发现点击能滑动的scroll-view反而不会触发底下的markertap，就等于是一个不穿透的容器。

Joke#·2023-07-25 21:08

解决css背景图覆盖文字

想要的效果做出来的效果自己写了个样式，用scroll-view，{{item.title||''}}.main-scroll{height:64rpx;width:100%;white-space:nowrap

空&白·2023-07-25 21:19

微信小程序-scroll-view 中 flex 布局失效

scroll-view中flex布局失效今天做微信小程序项目的时候，想把商品横着展示滑动，使用flex布局的时候，怎么也不起作用。

编程小橘子·2023-07-25 20:19

从0到一开发微信小程序（4）—小程序组件

zhz小白·2023-07-25 02:53

小程序商品分类页面滑动左右联动

二、使用步骤1.json引入2.wxml中使用3.js中代码总结前言商品分类页面，左边分类及右边商品左右联动因为微信小程序scroll-view没有h5锚点控制联动，并且需求是根据整个页面的滚动条来控制联动

Zan^Z·2023-07-24 17:06

Taro阻止滚动穿透

在需要的弹框scroll-view外层加上下面的内容包裹scroll-view使用后真机上将不会滚动下层内容针对taroUI提供的弹框组件效果很好，弹框不需要滚动直接使用，需要滚动的内部写scroll

岁月如歌_·2023-07-24 13:52

uni app 隐藏scroll-view的滚动条

解决方案：在App.vue中增加：/*每个页面公共css*/::-webkit-scrollbar{display:none;width:0!important;height:0!important;-webkit-appearance:none;background:transparent;}

蓝不蓝编程·2023-07-23 20:03

推荐频道

scroll-view