scroll-view

微信小程序实现商品左右联动

scroll-view实现商品左右联动文章目录scroll-view实现商品左右联动scroll-view使用效果图wxmljswxss数据结构效果图scroll-view使用可滚动视图区域。
Smile_ping·2023-11-17 14:16

微信小程序使用scroll-view标签实现自动滑动到底部

//1.scroll-y="true"Y轴滚动//2.应该是设置了高才能行//3.使用scroll-top属性实现滚动到底部,scroll-top不要带单位{{item.text}}Page({data:{//列表recordList：'',height:'',scrollTop:0},onLoad:function(options){//获取当前窗口的高度varheight=wx.getSyst
Min_nna·2023-11-15 15:15

原生小程序，左边不顶宽，右边滑动（scroll-view）

xxx1xxx{{index}}想法：大盒子写display：flex,右边flex：1，自适应宽度，但是这样写了之后右边划不动解决办法，右边flex：1;width:0;样式如下.type-container{height:138rpx;width:750rpx;display:flex;}.type-items{white-space:nowrap;}.scroll-box{flex:1;wi
Yannnnnm·2023-11-13 16:51

如何让微信小程序弹窗滚动条设置在最上面

最近发现一个事情搞得很烦，微信小程序的弹窗内容可以滚动的时候，要保证每一次打开都在最上面，研究了一下终于发现了怎么解决第一步首先得把你的弹窗里面的内容用scroll-view标签包起来，像这样这里需要注意三点
Yannnnnm·2023-11-13 15:51

uniapp中在组件中使用被遮挡或层级显示问题

uniapp中在组件中使用或croll-view标签内使用uni-popup在真机环境下会被scroll-view兄弟元素遮挡，在开发环境下和安卓系统中可以正常显示，但在ios中出现了问题看了许多文章都没有找到问题的原因
是个散人·2023-11-13 10:20

uni-app DAY06

复习：1、uni-app中常用组件①内置组件：页面(page)、视图(view)、滚动视图(scroll-view)、文本(text)、富文本(rich-text)、图片(image)、输入框(input
BlueMozeer·2023-11-13 02:44

uni-app DAY08

复习：1、uni-app中常用组件①内置组件：页面(page)、视图(view)、滚动视图(scroll-view)、文本(text)、富文本(rich-text)、图片(image)、输入框(input
BlueMozeer·2023-11-13 02:44

微信小程序开发坑记录

1.scroll-view滚动条占位scroll-view一旦设置水平可滚动scroll-x="true"，就会在底部留下一部分明显的空白，作为内容和滚动条之间的隔离，即使设置滚动条不可见也不能将其去除
Mamong·2023-11-12 20:37

小程序员 scroll滚动与页面滚动冲突造成快速滑到底部卡顿失败问题

问题当页面使用scroll-view,内容过多产生滚动时，如果scrollview的高度未配置ok,页面滚动功能和scroll-view会产生冲突，滑动到最头或者最底会有卡顿现象，是因为一会scroll
Lan.W·2023-11-11 09:39

uni-app使用scroll-view实现锚点定位和滚动监听功能

1.html代码：{{item.title}}{{item.title}}{{it.name}}{{it.desc}}￥{{it.price}}选规格2.script代码exportdefault{components:{},data(){return{contentData:[{id:'tab1',title:'热销专区',content:[{id:101,img:'static/rexiao1
小满blue·2023-11-10 21:05

ios 点击出现另外一套tabbar_【报Bug】uni-app iOS 真机环境，tabbar的第一个页面底部被tabbar遮住，其他页面没有问题，且安卓没问题...

[内容]页面布局代码没有涉及scroll-view，纯div布局，项目是兼容了小程序，目前正在做APP适配。
weixin_39769228·2023-11-10 19:32

uniapp和微信小程序的区别

1、页面标签基本相同view，text、scroll-view，input、picker、swiper等等2、api基本相同,wx换成uni即可原生写法：wx.request、wx.showModal、
木木木和小琳琳·2023-11-10 13:10

uniapp--点击选项卡切换&&滑动切换

效果:创建子组件vue文件tab-slide(选项卡部分):html部分①利用uniapp组件scroll-view横向滑动②遍历选项卡标题,用block标签(无样式意义,只用于列表渲染)scrollStyle
奥奥奥曼·2023-11-09 03:20

小程序 scroll-view 性能问题

先说使用场景，一次加载很多数据造成小程序卡顿的问题，找了好多都没有好的解决办法，要么太过复杂，然后研究了两天通过简单的办法实现，先根据数量把高度撑开，然后根据滚动位置渲染指定的数据就可以了，性能简直不要太好。先看效果（实际业务效果要好于测试效果）。小程序列表性能DataManage.js封装functionDataManage(){//*******************************
w13511069150·2023-11-07 09:19

微信小程序scroll-view详解及案例

一、首先介绍下scroll-view可滚动视图区域。
厦门在乎科技·2023-11-06 12:01

uni-app学习笔记

目录一、前期准备1、项目认识2、pages.json基本配置3、创建页面二、tabBar1、获取图标2、代码配置三、基础认识1、页面生命周期2、App.vue应用生命周期四、基础组件1、scroll-view
五秒法则·2023-11-06 11:38

微信小程序scroll-view设置display:flex后子view宽度设置无效解决

如果scroll-view设置了display:flex，子view设置宽度值无效，宽度值都是随着内容多少而改变：效果和wxml：css:原因：flex布局元素的子元素，自动获得了flex-shrink
村西那条弯弯的河流·2023-11-05 12:52

微信小程序实现下拉刷新

微信小程序使用onPullDownRefresh/scroll-view实现下拉刷新一、直接使用页面事件处理函数onPullDownRefreshonPullDownRefresh(){}Page(Objectobject
前端初学者0518·2023-11-05 06:11

uni-app DAY07

复习：1、uni-app中常用组件①内置组件：页面(page)、视图(view)、滚动视图(scroll-view)、文本(text)、富文本(rich-text)、图片(image)、输入框(input
BlueMozeer·2023-11-04 22:16

微信小程序入门使用及常见问题整理（例如：scroll-view 横向滑动不生效）

常用功能同vue的对比1、数据绑定Vue:src=“imgSrc”Xcx:src=“{{imgSrc}}”2、列表渲染Vuev-for=“iteminitems”.每项数据是{{item}}xcxwx:for=“{{items}}”每项数据是{{item}}3、显示和隐藏Vuev-if、v-showXcx:wx-if、hidden4、事件处理vue@click、冒泡:@click.stopxcxb
Yan_an_n·2023-11-04 08:21

uniapp 上拉加载

先创建一个scroll-view标签在标签中设置滚动方向scroll-y就值上下滚动scroll-x就是左右滚动然后设置高度这个高度等于屏幕高度减头部标题的高度这里有两中获取的方法一中是js动态获取//
Dotclv·2023-11-04 06:25

小程序登录

"bindGetUserInfo"微信新的规定，无法直接从JS中调用wx.getUserInfo()api，需要使用按钮引导用户登录，在按钮中添加open-type="getUserInfo"详情使用scroll-view
地瓜一枚·2023-11-03 17:18

微信小程序 scroll-view bindscrolltolower 无法触发问题

解决过程：找了一圈后发现，大部分人是说需要设置scroll-view的高度才行，但我按照他们的设置还是不行。最后还是复制了官方的demo，然后把自己的view放进去就好了。
马克_唐卡·2023-11-03 11:55

uniApp实现swiper和scroll-view联动，滑动swiper时改变scroll-view，点击scroll-view时切换到指定的swiper（初学者）

uniApp实现swiper和scroll-view联动，滑动swiper时改变scroll-view，点击scroll-view时切换到指定的swiper（初学者）因为这里只是一个简单的示例，提供一下思路
满舰饰v·2023-11-02 02:51

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

最近工作比较忙，更新比较慢，有什么疑问可以留言。我看到就会回复。请体谅。这一篇为大家介绍为何我们在最后做交互的时候，并没有使用上一篇讲的选项卡的效果。4279446-37f1dff36897fd2e.gif注意看，在我点击跳转后，首先能看到的是切换选项卡的一个运动过程，然后才给用户展示出被跳转的页面，开始看起来挺炫酷的，但我们觉得这不是一个好的用户体验。因为随着使用次数的增加，会让用户感觉到这个功
your_own_king·2023-11-01 16:44

uniapp中scroll-view的scrolltolower事件不触发

uniapp中scroll-view的scrolltolower事件不触发有两种情况第一种情况scroll-view中的订单列表详情没有用一个view包起来{{item.text}}...亲,没有更多了亲
devil-J·2023-10-31 17:58

微信小程序利用scroll-view和swiper实现标签页

小程序实现一个联动的效果，具体效果看图。图片.png图片.png上方是一个可滚动的标签栏。下面也是可以滚动的内容区。点击上方标签栏，下方内容跟着切换到响应的界面。下面滚动时候，上面的标签栏也跟随切换选中效果。上代码：wxml：{{item}}-->{{list[index]}}js:constapp=getApp()Page({data:{list:['精选','新闻','电影','电视剧','综
沉默着欢喜丶·2023-10-29 09:07

微信小程序隐藏scroll-view滚动条只需要添加show-scrollbar=“{{false}}“ enhanced=“{{true}}“即可，亲测有效！

问题描述微信小程序的scroll-view在ios上没有显示滚动条，但是如果在安卓设备上会显示一个滚动条解决方法微信小程序只需要在scroll-view上面添加show-scrollbar=“{{false
番茄Salad·2023-10-26 20:49

微信小程序swiper上下滑动卡顿

原因：内容的滑动和swiper的滑动有冲突解决办法：在swiper-item中嵌套一个scroll-view//DOM//数据data(){return{currentTab:0,//当前页面所在的tab
ᥬ 小月亮·2023-10-25 12:28

关于uniapp使用srcoll-view视图是横向及纵向滚动

问题大致分为两类：横向、纵向共有的问题有：给scroll-view加上class类名并设置弹性布局后发现不起作用，经过排查和浏览器查看视图结构发现，h5页面中的scroll-view标签内自动嵌套了三层
jidaotianzun·2023-10-24 13:29

微信小程序WeUI中half-screen-dialog底部弹窗相关问题

问题：原生的组件关闭图标在左侧，需要通过样式改到右侧原生的组件底部有footer按钮区域，需要通过样式隐藏掉在弹框里使用区域滚动通过scroll-view设置纵向滚动并给最大高度设置titlehalf-screen-dialog
怪哈哈·2023-10-24 09:46

微信小程序scroll-x失效的解决方法

失效的scroll-x在微信小程序的文档中，使用scroll-view标签，然后给它设置一个scroll-x就可以实现元素，横向排列，可以左右滑动。。。。然而，在实际开发中，发现并不是这么简单。。。
jed_shi·2023-10-18 19:30

scroll-view 的X轴滑动配置

html代码{{item}}Css代码.renwu-title-items{width:100%;height:100%;display:flex;box-sizing:border-box;/*flex-direction:row;*/flex-wrap:nowrap;white-space:nowrap;padding:10upx20upx0;}.renwu-title-item{width:
邪小新·2023-10-17 02:18

uniapp实现scroll-view的横向滚动

scroll-view的内层view元素需要display:inline-blockscroll-view的外层元素需要white-space:nowrap下面是完整view代码{{item.name}
想尝一尝被打赏的味道·2023-10-17 02:18

uniapp scroll-view横向滚动 自定义底部指示器样式

uniappscroll-view横向滚动自定义底部指示器样式1.效果2.思路：动态设置元素的margin3.代码-->exportdefault{data(){return{imageList:[1,2],progressMargin:0}},methods:{scroll(event){//console.log("距离每个边界距离"+event.detail.scrollWidth);con
cmmboy1990·2023-10-17 02:48

uniapp scroll-view横向滚动 底部自定义滚动条

uniappscroll-view横向滚动底部自定义滚动条1.效果2.代码exportdefault{data(){return{imageList:[1,2],percent:10,}},methods:{scroll(event){varnum1=event.detail.scrollWidth/2varnum2=event.detail.scrollLeftvarp=(num2/num1)*
cmmboy1990·2023-10-17 02:48

uniapp h5 scroll-view 隐藏滚动条

/deep/::-webkit-scrollbar{width:4px!important;height:1px!important;overflow:auto!important;background:transparent!important;-webkit-appearance:auto!important;display:block;}
好多吃的啊·2023-10-17 02:48

uniapp scroll-view 隐藏滚动条

如果是想全局隐藏的话，可以放在App.vue中，如果是局部则在对应的页面中引入使用即可/*#ifdefMP-WEIXIN||APP-PLUS*/::-webkit-scrollbar{display:none;width:0!important;height:0!important;-webkit-appearance:none;background:transparent;color:trans
期待风飘过·2023-10-17 02:17

解决uniapp里scroll-view横向滚动的问题

用了touchmove模拟的滑动，如果有好的解决方法麻烦告诉我...非常感谢~一、问题其实我想要实现的功能很简单，就是一个横向滚动条，能按住里面的东西进行横向滚动...1.1问题描述遇到的问题一共两个：scroll-view
Oliver尹·2023-10-17 02:47

学习小程序开发一：基本的组件学习使用

文章目录01-小程序的宿主环境-组件一、小程序中组件的分类二、常用的视图容器类组件三、view组件的基本使用1、list.wxml代码实现2、list.wxss代码实现四、scroll-view组件的基本使用实现步骤
Make It Possible.·2023-10-14 16:40

微信小程序（下拉刷新数据）新手向

记录一下困扰自己的一个小问题，也给各位小伙伴一个借鉴呀~在做自己的个人小程序项目时，需要实现用户下拉刷新数据，看了很多教程，都在说用scroll-view来实现，但是自己对样式要求不高，就使用微信自带的吧
Vue酱·2023-10-12 12:31

微信小程序 在bindscroll事件中监听scroll-view滚动到底

scroll-view其实提供了一个bindscrolltolower事件这个事件的作用是直接监听scroll-view滚动到底部但是总有不太一样的情况公司的项目scroll-view内部最下面有一个类名叫
深圳市有德者科技有限公司-耿瑞·2023-10-12 12:51

解决 uni-app vue3 scroll-view 组件 @onScrollToLower 事件在移动设备键盘展开时有时不会触发的BUG

解决办法用@scroll事件手动实现判断是否滚动到底部，以下是uni-appVue3的示例。import{getCurrentInstance}from'vue'constinstance=getCurrentInstance()constlowerThreshold=$ref(30)//滚动到底部的阈值constonScroll=()=>{//@onScrollToLower事件在移动端键盘展开
粤小七·2023-10-11 15:19

uCharts 运行微信小程序时，图表放在scroll-view中点击后不能正确获取点击的currentIndex一直为-1

图表在APP和H5中的点击位置是正常的，在微信小程序中会出现点击位置不对且有部分地方点击不到，最终我的解决方法如下。1.查看包裹图表的元素中有没有元素开启了定位，可以去除定位属性试一试。2.为微信平台的图表添加isScrollView="true"属性。解决方案：添加isScrollView="true"属性。
Sunny·2023-10-10 21:11

uniapp自定义scroll-view的下拉样式动画

Preloaders.net-HeartloadingGIF,SVGandAPNGanimation1.因为要自定义下拉动画，所以不需要默认刷新样式，设置为refresher-default-style="none"slot="refresher"自定义刷新样式2.使用插槽，两种方式。这样下拉时就会显示插槽内容。第一种刷新样式第二种刷新样式内容-->1111111onRefresh(){//自定义
楚城相拥·2023-10-10 05:49

微信小程序scroll-view动态获取高度

一、把子元素的高度赋给scroll-view先说一下两个知识点：wx.getSystemInfo()、wx.createSelectorQuery()wx.getSystemInfo()1552613741
流过·2023-10-02 12:58

uni-app 上传图片样式

background-color:#f1f1f1;font-size:28upx;color:#333333;font-family:HelveticaNeue,Helvetica,sans-serif;}view,scroll-view
先不要想收获，扎实·2023-10-02 01:33

小程序（二）

使用竖向滚动时，需要给scroll-view一个固定高度，通过WXSS设置height。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。scroll-x：允许横向滚动。
葛瑞丝·2023-10-01 20:55

微信小程序image懒加载问题汇总

image懒加载不生效查看文档，只要image组件在page与scroll-view下，均会生效。image.png所有的注册页面讲道理都在page之下，注意这个是注册页面，而不是组件等。
蜡笔丶超人·2023-09-30 08:50

uni-app 添加锚点和监听滚动切换tab

scrollViewId"//:id="item.dot"//:data-id="`id${item.value}`"//@tap="onSelectDate($event,item)"{{item.name}}监听滚动scroll-view
LingSun·2023-09-29 11:41
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他