scroll-view 第2页

uni-app顶部导航条固定

1.准备scroll-view滚动容器，包裹需要滚动的区域2.给父容器page设置高度为100%，完全撑开，开启并flex弹性盒，给滚动容器设值flex值为1这里父容器必须要给高度，要不然顶部固定不起效

小夏同学呀·2024-01-09 14:03

商城小程序（3.分类页面）

渲染二级分类列表五、动态渲染右侧三级分类列表六、切换页面重置滚动条位置七、点击三级分类跳转到商品列表页面效果展示：并实现左右栏的上下滑动一、渲染分类页面的基本结构1、基本结构首先设置左右两栏滑动区域主要用到scroll-view

Kiritoasu·2024-01-08 19:12

日常工作经验总结

1，在使用vue2开发项目时，快捷有效的组件化component若有参数传递时，可以通过这样传递在component中:2，上拉加载，下拉刷新若是使用局部进行上拉加载下拉刷新且需要用到scroll-view

共创splendid--与您携手·2024-01-05 21:47

微信小程序基础

紫气楠楠·2024-01-03 16:14

微信小程序 - 6.组件(scroll-view)

注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。

GiottoYLY·2023-12-31 12:53

uniapp 分页

在app中实现分页效果的时候建议使用scroll-view标签在data中定义好分页，从接口中获取一共的条数，pageInfo:{pageNum:1,pageSize:10,messageCode:null

可恨的资本家·2023-12-28 04:48

左右滚动的内容加点提示。滚动到第二页第二个点点高亮。模拟轮播图效果

1，微信小程序可以使用scroll-view组件。然后利用她的@scroll事件获取到scrollLeft。。。点点的数量。一页面放了三个块。所以用总的长度处以3.向上取整。

夏天想·2023-12-26 16:23

微信小程序之scroll-view简单使用

很久就打算学习微信小程序了，一直没时间，最近看新闻十大厂商联合发布他们小程序感觉今年要活所以抓紧过来学习，所以写文章大家一块学习。不喜勿喷。1、首先我们来看下官方的文档微信小程序官方文档看了文档，对于接触过H5的同学来说，可能看着挺简单，但是对于没有接触过H5的同学来说可能有点懵逼，官方文档下面有实例代码如果你直接把代码CV过去我想应该是不可以的，因为示例代码中引用了一些cs属性所以编译会报错。下

石头_起航·2023-12-24 05:19

2018-02-11 第八章

scroll-view组件，对flex没有效果。

多佳小昕·2023-12-23 19:13

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

将下面代码添加到wxss文件中去：::-webkit-scrollbar{width:0;height:0;color:transparent;}更多关于滚动条的设置参看：CSS3自定义滚动条样式-webkit-scrollbar注意：在微信小程序中不能设置特定元素的滚动条样式，只能设置全局的滚动条样式，即冒号之前不能加其他字符。

渔父歌·2023-12-21 08:22

仿美团点餐小程序, 两个scroll-view交互

第一次发帖....在网上找了好多demo,没有一个适合自己的,然后看见美团团队的一个大佬介绍实现流程,感觉里面的逻辑好麻烦的样子,所以自己花了点时间做了一个demo,自带假数据,仍在自己创建的小程序里就能看效果.这个红线是一个参照,可以调整样式隐藏.主要是用到了节点wx.createIntersectionObserver这个api参数observeAll:true可以监听所有的节点.observ

Highgray·2023-12-20 06:29

微信小程序中view和scroll-view的用法

功能：通过view和scroll-view实现，竖向滚动。

天涯潇洒·2023-12-18 15:12

微信小程序踩坑之scroll-view

问题scroll-view分页与页面底部fixed同时使用，部分真机上不显示底部fixed里的内容原因正常情况：iOS下加了**-webkit-overflow-scrolling:touch**，会控制页面产生回弹效果

phylics phylics0000·2023-12-18 15:41

微信小程序 scroll-view组件的基本使用

scroll-view组件其实和view组件很像，结合上节课的内容我们接着尝试教大家一下这个组件怎么使用，现实中这个组件能实现的效果又有那些上图是CSDN的一个私聊窗口界面，我么看图就能想象的到，左边的聊天对像窗口是不是可以滚动的

狗风暴·2023-12-18 15:41

微信小程序使用scroll-view，实现分页加载和下拉刷新

bindscrolltolower="lower"分页加载bindrefresherrefresh="fresh"下拉刷新refresher-enabled="true"开启自定义下拉刷新refresher-triggered="{{triggered}}"设置当前下拉刷新状态，true表示下拉刷新已经被触发，false表示下拉刷新未被触发，是动态控制的（开始的时候不知道，定义了其他变量fresh

八岐大兔吼啦吼啦·2023-12-18 15:41

微信小程序修改scroll-view展示的数据

在微信小程序中，可以通过绑定数据并使用wx:for指令来在scroll-view中展示数据。在组件的data中声明一个变量来存储数据，然后在scroll-view中使用wx:for指令绑定该变量。

任我心意·2023-12-18 15:11

微信小程序scroll-view组件设置 scroll-top无效问题解决

微信小程序官方提供了一个可以设置滚动条位置的方法scroll-top在实际运用过程中，发现设置了scroll-top无效，滚动条位置并没有发生变化，是因为微信小程序的官方框架处于性能考虑，初始化设置scroll-top不会重新渲染页面，需要将scroll-top的是放在一个事件内执行才可以生效。这里演示一个切换选项重置滚动条事件的案例：data:{//data内不需要设置scrollTop},//

DCodes·2023-12-18 15:40

微信小程序scroll-view滑动组件使用

代码示例123.container1{width:150px;height:150px;display:flex;justify-content:space-between;}.container1view{width:100px;height:100px;text-align:center;line-height:100px;}.container1view:nth-child(1){backg

R·ZORO·2023-12-18 15:40

微信小程序scroll-view标签的用法

需求：横向滚动1.首先在wxml页面书写标签//注意：横向滚动必须要给一个宽度100%scroll-x属性：代表横向滚动{{item.title}}/*scrollItem是scroll-view标签上的类名

怼怼爱吃瓜·2023-12-18 15:10

【微信小程序入门到精通】— view 和 scroll-view 你学会了么？

目录前言一、view1.1view组件基本使用1.2view的样式设置二、scroll-view2.1scroll-view组件构建2.2scroll-view样式设置总结前言对于目前形式，微信小程序是一个热门，那么我们该如何去学习并且掌握之后去做实际项目呢？为此我特意开设此专栏，在我学习的同时也将其分享给大家！本篇文章主要介绍我们微信小程序常用的视图容器类组件，对于view、scroll-vie

一碗黄豆酱·2023-12-18 15:39

微信小程序---scroll-view 设置scroll-x或者scroll-y如何去掉滚动条

微信小程序—scroll-view设置scroll-x或者scroll-y如何去掉滚动条第一种方法：::-webkit-scrollbar{display:none;width:0!

小小黑007·2023-12-18 15:39

微信小程序scroll-view的触发机制

一、scroll-view可滚动视图区域。使用竖向滚动时，需要给scroll-view一个固定高度，通过WXSS设置height。

jingcairensheng·2023-12-18 15:39

Scroll-view的用法（网页和微信小程序）

微信小程序：1.在wxml文件中，使用scroll-view标签包裹需要滚动的内容。

laowang357·2023-12-18 15:38

uni-app 可滚动视图区域scroll-view的使用

官方文档{{item}}{{item+50}}import{onMounted,ref}from"vue";constscrollH=ref(0);//滚动区域的高度//因为硬件的高度不一致，无法指定，而滚动区域又必须指定高度具体高度，不能使用相对高度。所以就需要在页面加载完成后再去读取组件的高度，赋值给滚动区域onMounted(()=>{letwinHeight=uni.getSystemIn

lsjweiyi·2023-12-17 10:49

uview1 的u-tabs组件在微信小程序中会出现横向滚动条

uview-ui/components/u-tabs/u-tabs.vue文件把h5屏蔽滚动条的条件编译加上||MP-WEIXIN/*#ifdefH5||MP-WEIXIN*///通过样式穿透，隐藏H5下，scroll-view

风花一世月·2023-12-17 05:56

小程序绘制折线图横向滚动卡顿

代码如下我将canvas标签包含在scroll-view中然后我绘制一个折线图，当折线图超出屏幕的时候会发生卡顿WechatIMG13.jpeg如果所示，当左右滑动的时候会发生卡顿,从网上搜索到一个比较好的思路是把

小黑猿·2023-12-17 03:54

微信scroll-view小程序实现上拉加载下拉刷新

在使用微信小程序时避免不了查询列表实现分页功能，在这里分享下使用croll-view实现上拉加载下拉刷新功能,如有不足请指出创建commonPagination组件wxml文件正在加载我是有底线的wxss文件.scroll{width:100%;height:100%;}.scroll::-webkit-scrollbar{width:0;height:0;color:transparent;di

皮卡丘-杰尼龟·2023-12-15 10:37

微信小程序scroll-view的scroll-into-view和vanUI的tabs标签结合使用

背景：当tabs下的tab切换时，scroll-view滑动到对应的位置注意点：van-tabs和scroll-view标签分开编写van-tab的name属性代表标签名称，作为匹配的标识符scroll-into-view

_Jyann_·2023-12-15 05:27

踩坑记录：uniapp中scroll-view的scroll-top不生效问题；

情景描述：最近在uniapp项目中用到scroll-view内置组件，有需求是在页面下拉刷新后，让scroll-view组件区域的显示内容置顶，也就是scroll-view区域的内容恢复不滑动的状态；补充

前端白袍·2023-12-06 12:10

微信小程序实现滑动/点击切换Tab

1.实现效果2.实现步骤2.1scroll-view实现tab列表scroll-view：可滚动视图区域。使用竖向滚动时，需要给scroll-view一个固定高度，通过WXSS设置height。

苏苏哇哈哈·2023-12-04 08:55

uniapp中隐藏scroll-view的滚动条

page.json增加配置项"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages{"path":"pages/index/index","style":{"navigationBarTitleText":"index","app-plus":{"scrollIndicator":"none"//隐藏该

冰点雨·2023-12-03 01:51

微信小程序scrollview高度自适应

微信小程序中的scroll-view，如果纵向滚动的话，需要设置height，对于全局的scrollview，直接设置100vh就可以了，对于局部的，高度不能写死，只能自己计算了微信小程序为了适配，引入了

韩zj·2023-11-30 13:58

微信小程序列表滚动到底部，当元素高度增加时，自动滚动出后面的元素

场景：场景1、列表使用scroll-view标签的bindscrolltolower实现的分页滚动加载场景2、列表使用view标签和onReachBottom结合实现的分页滚动加载当滚动到最后一页最后一条数据时

怪哈哈·2023-11-30 13:28

微信小程序scroll-view滑动的时候滑动到指定位置（写定断点之后点击滚动到此位置，无需适配）

3.1.8.债权债务及民事纠纷债权债务及民事纠纷债权债务及民事纠纷债权债务及民事纠纷债权债务及民事纠纷债权债务及民事纠纷债权债务及民事纠纷债权债务及民事纠纷债权债务及民事纠纷债权债务及民事纠纷债权债务及民事纠纷债权债务及民事纠纷。不同意同意data:{scrolltop:0,oneclick:true,},nookfine(){this.setData({showAgreement:false})

icoo张某人·2023-11-30 13:56

小程序＜scroll-view＞滚动到指定位置/scrollview

当scrollId和scroll-view组件中元素的id相同时界面将自动滚动到此位置{{item}}data:{//课程一级标签navList1:['全部','一级标签1','一级标签2','一级标签

钟Bubble·2023-11-30 13:55

微信小程序 scrollview 滚动到指定位置

一、使用scroll-top属性实现滚动通过设置scroll-view组件的scroll-top属性，我们可以实现滚动到指定位置。

天問_·2023-11-30 13:54

[每天进步一点点~] uni-app scroll-view组件控制滚动条隐藏

虽然uni-app官方文档里，scroll-view组件的滚动条是默认不显示的，但是有时候运行到移动端或者不同机型的设备时，还是会出现有滚动条。

WYL_99·2023-11-30 05:28

uni-app 小项目开发仿小米商城前端开发3

2.侧边导航的实现这里依旧采用scroll-view与swiper的联动。scroll-view提供当前位置，swiper负责展示相应内容。

HXL009·2023-11-29 02:56

uni-app 小项目开发仿小米商城前端开发4

商品的参数展示，首先用scroll-view在页面将商品的参数结合图标进行展示，点击时出现un

HXL009·2023-11-29 02:56

uni-app 小项目开发仿小米商城前端开发2

主要采用scroll-view来进行实现。点击时添加acti

HXL009·2023-11-29 02:26

微信小程序基础讲解，云服务介绍，分包及使用方法

区域button按钮input表单image图片include包含import导入web-view导入html页面2，容器组件属性含义view视图区域swiper，swiper-item、幻灯片、轮播图scroll-view

kong@react·2023-11-27 02:32

解决微信小程序的input组件位置错乱的问题

解决的方案是把input组件放在scroll-view下面，只有srcoll-view才会触发input组件的重新渲染。input是本地组件

hongkid·2023-11-26 01:28

uniapp去除页面的滚动条 APP 小程序默认页面 scroll-view 全部去除

父元素CSS.page{padding:0;width:100%;height:100%;margin:0auto;overflow-y:auto;overflow-x:hidden;background-color:#F5F6FA;}页面CSS::-webkit-scrollbar{width:0;height:0;color:transparent;display:none;}

帅过二硕ฅ·2023-11-25 18:45

微信小程序scroll-view真机出现滚动条如何隐藏

微信小程序scroll-view真机出现滚动条如何隐藏scroll-view{height:170rpx;overflow-y:hidden;overflow-x:auto;}::-webkit-scrollbar

矢目·2023-11-23 11:03

【uniapp】触底加载事件 onReachBottom 不生效

我遇到的情况有：检查css是不是写了overflow-y:scroll;或overflow:auto;是不是用了局部滚动；注意：onReachBottom和scroll-view是冲突的

花间半盘棋·2023-11-23 03:34

uni-app小程序开发使用uView，u-model传入富文本内容过长，真机上无法滚动

uni-app小程序开发使用uView，u-model传入富文本内容过长，真机上无法滚动找到u-model插件，在slot内容的外层自定义加入一个scroll-view标签，设置scroll-y=“true

嘿，小苹果·2023-11-21 12:27

微信小程序学习笔记

一、简介1、组件视图容器view普通视图区域类似于HTML中的div，是一个块级元素常用来实现页面的布局效果scroll-view可滚动的视图区域常用来实现滚动列表的效果swiper和swiper-item

winnerFly·2023-11-20 20:14

uniapp学习二——组件（一）

view基本容器scroll-view滑动组件swiper轮播图组件match-media类似于网页开发中使用媒体查询来适配大屏小屏，match-media是一个可适配不同屏幕的基本视图组件。

口琴浪人·2023-11-19 03:46

uniapp 列表下拉加载分页

列表实现下拉分页敲黑板：onReachBottom页面滚动到底部的事件（不是scroll-view滚到底），常用于下拉下一页数据。

盖世小可爱·2023-11-19 03:11

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

需求：项目中做了一个选择城市的需求，要求全国所有的省市区都按照中文首字母分类并排序，左侧的城市列表和右侧的字母列表实现双向联动。第一步：根据腾讯提供的javascriptSDK提供的接口，获取所有的省市区，并将省市区按照首字母进行分类排序。let_this=this;_this.mapCtx=wx.createMapContext("myMap");//实例化API核心类qqmapsdk=newQ

棠樾·2023-11-17 14:55

推荐频道

scroll-view