scroll-view 第6页

微信小程序input和textarea原生组件层级太高遮挡弹框的问题

解决方法：(不要在textarea和input外面套scroll-view、swiper、movable-view)创建一个textarea和一个view，默认显示view，点击view后，textarea

beatzcs·2023-07-23 09:35

【Vant Weapp】van-popup 弹出层

目录弹窗底部滚动catchtouchmove弹窗滚动同时底部滚动scroll-view页面高度100vh弹窗中图标打开前关闭键盘弹窗底部滚动白色区域不滚动的话，就可以使用catchtouchmove。

宾果的救星·2023-07-23 05:49

uni-app：scroll-view滚动盒子，实现横（纵）向滚动条

参照：scroll-view|uni-app官网(dcloud.net.cn)样式：代码：111222333444exportdefault{}.scroll{//设置盒子样式border:1pxsolidblack

雯0609~·2023-07-19 21:22

微信小程序下拉刷新、上拉加载

微信小程序官方没有给出具体的下拉刷新和上拉加载组件，我们可以基于小程序原生组件scroll-view的扩展与封装,实现简单的上拉加载、下拉刷新组件。

优小U·2023-07-18 20:32

小程序 scroll-view在安卓手机上有滚动条怎么办？

现象：安卓手机一开始出现滚动条，touch一下后滚动条就消失了。解决方案：搞一个view标签盖在滚动条上面，颜色和页面背景色一样即可。这个方案

zhooson·2023-07-16 19:20

uniapp scroll-view 回到顶部

点击tab切换时，我们希望列表从顶部开始scroll-view提供了scroll-top属性scroll-top设置只是设置scroll-top时不好使的，这里需要注意@scroll方法//template

拿回忆下酒·2023-07-16 08:56

微信小程序

页面配置4.数据绑定5.列表渲染6.条件渲染7.事件绑定8.样式wxss（1）尺寸单位（2）选择器（3）全局样式与局部样式9.wxs语法10.数据请求11.组件（1）image（2）swiper（3）scroll-view

ZiminLi·2023-07-15 15:38

移动端布局头部固定底部高度自适应(scroll-view)

21方法一使用css的计算属性calc.container{width:100%;height:100vh;}header{width:100%;height:50px;background:red;}footer{width:100%;height:calc(100vh-50px);background:blue;}方法二利用css弹性盒子display:flexflex布局详解.contain

e0e756d3954d·2023-07-15 07:46

uniapp scroll-view滑到底部加载更多数据

官网必须设置下面两个属性1.scroll-y="true"2.height:90vh;//lowerBottom触底事件//list:展示的数据{{item.content}}//bottomText底部文字{bottomText}}data数据list:[],//展示的数据//分页参数，跟后台协商参数listQuery:{page:1,size:10,},//判断是否请求完毕数据isBottom

Mybabyying·2023-07-15 01:20

微信小程序常用组件的简单使用 view，scroll-view，swiper，swiper-item，text，rich-text，button，image

微信小程序常用组件的简单使用1.view组件2.scroll-view组件3.swiper和swiper-item组件3.1.swiper组件中的常用属性4.text和rich-text组件4.1.text组件4.2.rich-text组件5.button组件6.image组件6.1.image的mode属性1.view组件view组件就类似于html中的div标签list.wxmlABClist

杀死一只知更鸟debug·2023-07-14 21:45

uniapp 手写聊天页面

sendBtnbgc:#4F7DF5;view,button,text,input,textarea{margin:0;padding:0;box-sizing:border-box;}/*聊天消息*/.chat{.scroll-view

许你满眼星辰·2023-07-14 15:26

uniapp中如何隐藏 scroll-view 的滚动条

1.找到项目的App.vue文件然后在style标签里面添加如下代码，可以根据不同平台控制不同标签的属性。/*每个页面公共css*//*解决小程序和app滚动条的问题*//*#ifdefMP-WEIXIN||APP-PLUS*/::-webkit-scrollbar{display:none;width:0!important;height:0!important;-webkit-appearan

A_ugust__·2023-07-14 03:53

uniapp使用scroll-view组件实现下拉刷新跟上拉加载

uniapp实现下拉刷新跟上拉加载一、上拉加载分页：使用scroll-view的触底事件触发@scrolltolower=“scrolltolower”定义是加载中…跟没有更多数据的标记在scrolltolower

别再NULL了·2023-07-14 02:09

(01)、uni-app 计算scroll-view所占手机屏幕的剩余高度

uni-app计算scroll-view所占手机屏幕的剩余高度思路：获取设备的可见总高度（uni.getSystemInfo(OBJECT)）获取除了scroll-view的其他容器高度``（uni.createSelectorQuery

dq_095·2023-07-14 02:03

禁止小程序scroll-view或view橡皮筋回弹效果

一、页面无滚动区域；直接在json文件添加配置；{"disableScroll":true}二、页面有滚动区域，滚动区域通过view模拟实现或使用scroll-view;IOS中都会有回弹效果；如果涉及到

z_healthy·2023-06-20 17:36

小程序 scroll-view 下拉到底部 onScrollToLower 不触发

滑动过快，或页面列表元素高度还没渲染出来，可能导致scroll-view的scrollToLower不触发特别是在部分安卓手机上，scroll-view滚动速度可以滑很快，快速滑动几乎是必现bug;我们首先尝试监听

fish_yijinc·2023-06-20 13:19

微信小程序触底加载scroll-view

微信小程序触底加载scroll-view了解什么是触底加载？

下一站丶·2023-06-19 12:21

{5}首页开发-2-1

一、添加顶部选项卡组件1、添加顶部选项卡组件scroll-view{{item.name}}tabBars:[{name:"关注"},{name:"推荐"},{name:"体育"},{name:"热点"

天岚306·2023-06-18 22:14

开发小程序的页面、组件、事件（下）

一、用户操作事件的触发方法内置组件事件小程序内置的组件，比如button、input、scroll-view、picker、swiper等，都

爱吃虾的多多·2023-06-17 17:13

uni-app中的返回顶部

效果图：一、可以利用uniapp提供的scroll-view并且允许纵向滚动https://uniapp.dcloud.io/component/scroll-view.html#scroll-view

青田。·2023-06-17 16:22

小程序自定义组件引用scroll-view 滚动事件监听不了

好几个业务页面都使用了scrollview里面的item也很很类似，所以想自定义一个滚动scroll-view，把事件封装起来调用。但是bindscroll事件怎么都没有执行。

Lan.W·2023-06-17 15:54

uniapp设置滚动条滚动到指定位置

场景：左侧菜单栏，每次切换时，需要右侧商品展示区保持滚动条及页面在最顶部1.利用scroll-view中scroll-top属性实现1.1设置scrollToTop属性为0data(){return{/

_Jyann_·2023-06-17 02:19

微信小程序 scroll-view禁止滚动

weixin_40938312·2023-06-16 20:05

【微信小程序开发】第 7 课 - 小程序的组件

目录1、缘起2、小程序中组件的分类3、常用的视图容器类组件3.1、view组件3.2、scroll-view组件3.3、swiper和swiper-item组件3.4、text组件的基本使用3.5、rich-text

Aperion·2023-06-16 19:54

微信小程序组件scroll-view滚动到底部多次触发加载如何解决？

在iOS真机上，scroll-view滚动时会多次触发scrolltolower事件的问题，可以设置一个“加载标识”（如DisableTrigger）来避免重复请求下一页数据。

超人不会飞啊·2023-06-14 14:05

【uniapp】scroll-view 实现自动滚动到最底部

在做uniapp项目中，有个滚动视图组件scroll-view，跟微信小程序里的组件一样的，想要实现自动滚动到最底部，是一件容易忽略的，小事情。

TA远方·2023-06-13 22:19

uni-app 组件

id、ref、class、style、hidden、data-*、@*特殊属性以v-开头，称之为vue指令，如v-if、v-else、v-for、v-model基础组件分为八大类：视图容器：view、scroll-view

if.else.Z·2023-06-13 05:37

小程序之scroll-view用法

小程序之scroll-view用法水平滚动123.box{width:100vw;hight:200rpx;/*white-space不能丢*/white-space:nowrap;border:1pxsolidred

兔子___·2023-06-12 19:53

微信小程序scroll-view组件实现点击tab横向滚动动画

因此这里使用scroll-view组件中的属性scroll-x声明滑动方向为横向，属性scroll-into-view为自动滚动到携带目标id的某个元素，属性scroll-with-animation设置滚动动画过渡

阿啾啊·2023-06-11 14:43

wx：scroll-view横向滚动 - 回到顶部 - 图片预览 - 图片src转base - 本地图片设为背景图片

1.scroll-view横向滚动scroll-view{white-space:nowrap;}.item-item{display:inline-flex;}标签位置2.回到顶部说明：当监听到list

Lucy0612·2023-06-11 14:13

微信小程序开发之组件view，scroll-view，swiper，text,rich-text,button,image,navigator

1.介绍：view：就类似于divscroll-view：滑动框，必须设置一顶范围的高度，否则不能滑动swiper：轮播图text:文本组件，类似与span标签rich-text:富文本button:按钮image:图片组件,会有默认的高度与宽度navigator:页面导航，类似a链接2.代码：D:\小程序\pages\list\list.wxml:就相当于html页面ABCD:\小程序\page

玛卡巴咖·2023-06-11 14:43

uniapp使用scroll-view与swiper组件实现tab滑动切换页面需要注意的问题

效果图：tab栏可以滑动，切换页面跟随tab栏同步滑动。这里需要注意的是使用swiper组件时，它会有一个默认的高度，你必须动态的获取数据列表的高度覆盖原来的默认高度。下面是代码html{{item.txt}}{{item.tit}}{{item.user}}{{item.like}}玻尿酸水光针眼部鼻部瘦身塑型jsexportdefault{data(){return{currentTab:0,

忍者1·2023-06-11 14:43

uniapp实战仿写网易云音乐(三)—视频页面（scroll-view组件实现横线滑动，mescroll-uni实现视频列表，向下滑动刷新当前页面）

文章目录前言顶部导航条的实现视频列表的展示部分CSS部分最后前言接着上篇文章继续完成剩下的部分，本篇文章是完成第二个页面——视频页面的部分，视频还是没有做播放的效果，主要是做展示效果。下面附上两篇文章链接，没看过的同学可以回头看看：uniapp实战仿写网易云音乐(一)—底部工具栏以及首页轮播图swiper的实现uniapp实战仿写网易云音乐(二)—promise接口请求的封装和主页功能的实现，组件

北海的大鱼·2023-06-11 14:43

uniapp 横向滑动list（不同内容）分部问题:scroll-view，swiper overflow-x

一：scroll-view除了官网说的scroll-view的横向，纵向，横线滑动，这里遇到一些问题写一下，适用情况：横向的话：内容高度一致，（如果不一致的话，sc

海的天空1661·2023-06-11 14:07

【微信小程序插件】下拉刷新、下拉加载

概述今天在优化小程序的列表时候，想要把原生的scroll-view组件替换成一个下拉刷新的组件，然后就找了一下，果然有大神已经封装好。

MagnumHou·2023-06-09 18:58

uni-app组件之scroll-view的详细教程

scroll-view是UniApp中的一个重要组件，它提供了在视图区域内滚动内容的功能。无论是在小程序、H5还是APP端，scroll-view都能够帮助你实现滚动内容的需求。

码奴吧·2023-06-08 17:03

scroll-view自动适应高度，不定高度

实现也很简单内容区域使用scroll-view标签包裹住，内容超出就可以滚动了。但是！！！scroll-view需要设置一个高度值，它才可以滚动，如：height:300rpx。

邱铁牛·2023-06-08 16:03

uniapp滚动加载下拉刷新

onReachBottom页面滚动到底部的事件（不是scroll-view滚到底

迪迦·2023-06-08 08:44

uni-app：使用scroll-view实现横向滚动

一、要实现的效果如下：二、代码实现：tips：1.scroll-view，必须设置：white-space:nowrap;2.item布局最外层，必须为行内布局，例如：inline-block或inline-flex2.1html代码：{{item}}2.2js代码：exportdefault{data(){return{scroll_list:['1','2','3','4','5','6']}

小跳不会Coding·2023-06-08 02:04

微信小程序项目实战

目录小程序前后端交互自定义组件的使用语法说明properties定义案例微信小程序的事件对象e.target和e.currentTarget微信小程序的事件传参传参方式一：data-key='value'传参方式二：id='value'scroll-view

前端贾公子·2023-06-07 01:56

scroll-view组件中的小坑

最近接触了小程序项目,虽然跟web前端有很多相似的地方.但是又不尽相同.微信提供了很多组件以及api,作为一个新手,还是有很多坑的1.scroll-view这个组件用于页面滑动,可以指定x或者y方向,使用scroll-y属性,值是true或者false.但是,在使用我发现:不论写true还是false,都能滑动.除非赋值为“”这个问题我也没弄懂,如果有大神看到,希望可以指教一下//wxmlPage

fanjunguo·2023-04-21 20:50

小程序scroll-view滚动条去除

scroll-view滚动条去除最近有个需求是需要去除scroll-view的横向滚动条，网上搜出来的千变一律的解决方案是通过如下css代码解决。

前端家园·2023-04-18 19:15

小程序中scroll-view选项卡和他的跳转（上）

选项卡静态布局思路：主要用到scroll-view与swiper

your_own_king·2023-04-18 04:37

小程序导航滚动到头部后固定

小程序的导航写法及滑动后固定在头部,直接看效果图20180622_120652.gif如果导航效果满足要求继续查看代码前段代码这里是比较重要的{{navItem.text}}前段整体布局要使用scroll-view

Super_龙·2023-04-18 01:32

微信小程序 scrollView之scroll-into-view跳坑

使用scroll-view来进行锚点跳转的赎时候发现scroll-view的scroll-into-view有问题需求是滑动一定的距离让导航固定并进行锚点跳转商品详情评价要滑动的内容放在这里------

暖一杯茶·2023-04-17 23:55

微信小程序实现锚点效果 scroll-view的scroll-into-view属性

小程序中实现锚点效果，可以直接使用scroll-view的scroll-into-view属性就可以实现锚点效果，比较方便简单。

FaxMiao·2023-04-17 23:25

基于微信小程序wepy中 scroll-view滚动到指定位置（定位到id位置，使用 scroll-into-view）附带三层下拉框例子

{{item.label||'-'}}{{item.label||'-'}}重点：scroll-into-view（值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素，如bottomView111）style="height:500rpx"高度必须指定，scroll-y="true"Y轴scroll-with-animation="true"动画过渡下面是三层筛

大大。·2023-04-17 23:24

微信小程序scroll-view的scroll-into-view无效如何解决

微信小程序scroll-view的scroll-into-view无效如何解决最近在写小程序项目遇到这么一个问题：在使用scroll-into-view的时候无效。

欢快的小码农·2023-04-17 23:52

微信小程序 scroll-view 组件中 scroll-into-view属性

是页面滚动如果不能理解，可随便打开一个电商网站的商品详情页可明白**由于在小程序中，不能使用锚点，同时获取元素高度也挺麻烦的，这里采用scroll-view组件的scroll-into-view

海龟先生plus·2023-04-17 23:20

微信小程序scroll-into-view实现页面定位

实现原理A页面有list，包含n条数据，跳转到B页面，带参，参数为当前数据的索引(或其他数据，唯一值即可）B页面，同样有n条数据，onload接参数，拿到数据的索引，得到传过来的数据B页面的list，用scroll-view

苏苏哇哈哈·2023-04-17 23:20

推荐频道

scroll-view