scroll-view

微信小程序填坑之路（七）：scroll-view的scroll-into-view属性

正好scroll-view的scroll-into-view属性可以滑动到列表中的指定item位置，就不用在额外去做别的实现了。
码途有道·2023-04-17 23:44

微信小程序scroll-view的scroll-into-view无效问题解决办法

微信小程序的scroll-view组件中，scroll-into-view属性可以指定滚动到指定id的位置。但有时候，该属性可能会出现无效的情况。
Znovko·2023-04-17 23:41

微信小程序:scroll-view安卓机隐藏横向滚动条

微信小程序使用scroll-view横向布局在iOS和Android上有不同的展示，iOS无滚动条，Android有滚动条，按照产品需求需要隐藏横向滚动条。
黑萝卜不黑·2023-04-15 05:37

将页面滚动到目标位置（pageScrollTo或scroll-view）

wx.pageScrollTo方法一:wxml：xvxvxvxvxxxjs：data:{movethisTop:0},onLoad:function(options){letthat=thiswx.createSelectorQuery().select('#moveThis').boundingClientRect(function(rect){that.data.movethisTop=rec
慕木^_^·2023-04-14 18:00

uniapp和微信小程序的区别

1、页面标签基本相同view，text、scroll-view，input、picker、swiper等等2、api基本相同,wx换成uni即可原生写法：wx.request、wx.showModal、
李長庚·2023-04-14 00:22

微信小程序顶部栏图片随页面滚动渐变展示隐藏

微信小程序顶部栏图片随页面滚动渐变展示隐藏小程序顶部通栏，展示图片，随着页面滚动，开始渐变展标题记及纯色吸顶样式主要使用了小程序中的scroll-view组件，通过滚动时触发bindscroll和滚动到顶部
李長庚·2023-04-14 00:22

Uni-app之Nvue开发细节总结

这些组件的性能要高于vue页面里的区域滚动组件scroll-view。左右拖动的长列表。在webview
学前端搞口饭吃·2023-04-13 21:06

微信小程序展示长图与pdf

最后，可以加上scroll-view来解决这个问题，实现代码如下：xml部分http://192.168.98.1:8080/web/xx.jpg说明，这个地址是清明上河图地址，本人测试的时候是存放在本地的
人民的石头·2023-04-13 15:28

wx小程序笔记（2）

wx小程序笔记第三章：常用组件第一节：scroll-view组件view：scroll-view：设置横向滚动：设置竖向滚动：scrolltoupper和scrolltolower事件：bindscroll
Wang·Br·2023-04-13 12:50

u-view 2.0 实现tab栏切换

tab有两种情况：一种是在首页中使用如下图另一种是整个页面只包含一个tab页面如果是第一种就需要使用这种方式用js去给swiper设置高度，就不能用scroll-view传送门如果是第二种需求的话，就使用
柑橘乌云_·2023-04-11 14:35

scroll-view横向滚动无效

scroll-view横向滚动无效解决方法给scroll-view设置固定高度【必须】给scroll-view样式添加white-space:nowrap;属性【必须】在scroll-view下的子模块设置
键盘上行走的猿·2023-04-10 07:48

微信小程序的scroll-view不能滚动问题

一、scroll-view没有显示全，但是不能滚动确定你想实现的滑动方向，检查一下scroll-x或者scroll-y有没有写(scroll-x:true支持横向滑动scroll-y:true支持竖向滑动
森林&迷了鹿·2023-04-10 07:15

uni-app中 scroll-view中无法下拉 滚动的问题

1scroll-y设置为true，无法触发滑动加载,此时要给scroll-view一个高度，就可以解决
蓝胖子的多啦A梦·2023-04-10 07:41

scroll-view不能滚动问题

准备{{item}}js//index.jsPage({data:{listData:["小明01","小明02","小明03","小明04","小明05","小明06","小明07","小明08","小明09","小明10"]}})确定你想实现的滑动方向，检查一下scroll-x或者scroll-y有没有写(scroll-x:true支持横向滑动scroll-y:true支持竖向滑动)检查一下是
假装我不帅·2023-04-10 07:39

小程序scroll-view上滑加载bindscrolltolower偶尔不触发

在容器内向下滚动内容至底部的时候，偶尔会出现不触发bindscrolltolower事件还是可以触发但是必须先下滑再上拉才能触发原因：应该是因为安卓手机下拉滑动到底部时，系统监听到距离底部的距离通常大于50，所以不能触发相应的函数；而小程序默认下拉离底部50px时触发函数（ios没有这种情况）目前解决方法：将lower-threshold设置成200
FSYu·2023-04-10 05:14

微信小程序scroll-view未被占满时滚动的问题

当scroll-view组件的第一个直接子元素设置了margin-top时即使scroll-view只有一行也可以滚动。
渔父歌·2023-04-10 00:37

微信小程序scroll-view底部内容无法完全显示

微信小程序scroll-view底部内容无法完全显示真机调试时，滑动到最底部，松手无法显示最底部的内容，如图：需要在scroll-view组件内的最后加一个空白组件view在占位，使最后的信息能够完全显示出来
呆子小木心·2023-04-10 00:29

处理微信小程序scroll-view未被占满时滚动的问题

微信小程序（原生/uniapp）使用了scroll-view组件的第一个子元素设置了margin-top时，即使scroll-view只有一行也可以滚动。
呆子小木心·2023-04-10 00:54

微信小程序scroll-view组件设置scroll-top无效

最近在做一款音乐播放器，在实现歌词定位滚动时，使用了scroll-view组件，scroll-top的值默认设置为0，需要实现这样一个功能：每次重新开始播放时，如果滚动条未回到顶部，需要手动回到顶部。
飞鱼YE·2023-04-09 11:41

uniapp scroll-view 事件不触发

scroll-view需要给定一个固定高度，如果不确定的话，就先给一个“100vh”，然后监听一下就可以了
涛_3ac8·2023-04-08 09:14

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

wxmlwxss.recommend_scroll_x_box{height:245rpx;white-space:nowrap;display:flex;}::-webkit-scrollbar{width:0;height:0;color:transparent;}.recommend_hot_box{width:230rpx;height:245rpx;margin-right:24rpx;
神木惊蛰·2023-04-05 20:07

小程序简单的关于scroll-view与page不一起滚动

说明我们需要实现的是，页面pgae下有两个自定义的组件image.png需要实现的效果是：底部菜单列表内容组件ITEM滑动加载更多的时候，顶部的组件1不会随着页面进行滑动，即固定顶部的位置。page页面布局文件：PS：注意是对应的class="index":/*导入分类样式库*/@import"../../components/index-classify/index-classify.wxss"
小钟钟同学·2023-04-04 09:29

小程序scroll-view加载更多

小程序上拉加载更多数据，使用scroll-view的bindscrolltolower属性来处理事件。这一点官方文档说的很清楚，可是加上这个属性后，就出现了两个问题。不知是bug呢还是其他。
上善若水zyz601·2023-04-04 04:15

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

小程序中实现上拉加载和下拉刷新的方法有两种:调用小程序上拉加载和下拉刷新的api通过监听scroll-view滑动到顶部和滑动到底部注意：官方文档给出了第一种方法的局限性tip:在滚动scroll-view
是苏菇凉呀·2023-04-04 02:19

微信小程序 scroll-view 组件

scroll-view是微信小程序原生组件,该组件可以创建一个横向或纵向的移动区域.最常见的例子就是根据首字母选择城市,相信大家都见过.最近用到这个组件遇到一些坑,记录下.上代码wxml代码wxss代码
A顶风少年·2023-04-02 17:08

微信小程序 scroll-view

微信小程序scroll-view用法微信官方文档地址：https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
小新的飞天大象·2023-04-02 14:01

前端项目区域滚动组件之scroll-view

常用属性简介属性名类型默认值简介scroll-xBooleanfalse允许横向滚动scroll-yBooleanfalse允许纵向滚动scroll-topNumber设置竖向滚动条位置scroll-leftNumber设置横向滚动条位置scroll-with-animationBooleanfalse在设置滚动条位置时使用动画过渡bindscrolltoupperEventHandle滚动到顶部
海上楼月镜中花〃·2023-04-02 14:53

base scroll横向滚动_微信小程序实践：2.3 可滚动的容器组件之 scroll-view

目录1、scroll-view相关问题2、应用场景3、主要属性讲解3.1，scroll-x、scroll-y，scroll-top、scroll-left、scroll-into-view3.2，滚动锚定
weixin_39814088·2023-04-02 14:22

uniapp小程序让页面滚动到底部_uni-app中使用scroll-view滚到底部时多次触发scrolltolower事件...

一、前言、scroll-view基本属性：前言：前段时间使用scroll-view可滚动视图区域容器来做多个不同内容的展示(在我这个页面中同时使用了三个scroll-view做数据展示)，因为这几个展示的内容的数据都比较的多
西西喵·2023-04-02 13:20

微信小程序实现横向滚动块--scroll-view

2019独角兽企业重金招聘Python工程师标准>>>一、微信小程序scroll-view设置可滚动视图区域1.由于手机的宽度比较窄，出现横向滚动的需要很常见2.scrool-x，设置区域可以横向滚动3
weixin_34123613·2023-04-02 13:49

微信小程序之可滚动视图容器组件 scroll-view

1.纵向滚动scroll-y当设置为scroll-y时,需要将其高度设为固定值如果整个页面，即最外层标签为scroll-view，需要并将其高度设为100%，也需要将page设为100%（可在app.wxss
weixin_34275734·2023-04-02 13:19

微信小程序组件解读和分析：二、scroll-view（scroll-view可滚动视图区域组件）

scroll-view可滚动视图区域组件说明:可滚动视图区域。组件用法：纵向滚动用法Tip:使用竖向滚动时，需要给一个固定高度，通过WXSS设置height，否则无法滚动。
qq_37321107·2023-04-02 13:02

uni-app scroll-view 使滚动条滚动到最底部 默认设置滚动条滚动到最底部

scroll-view视图容器，可以设置横向滚动scroll-x以及纵向滚动scroll-y。
衣兜里·2023-04-02 13:00

微信小程序 scroll-view的使用案例

scroll-view：滚动视图使用view其实也能实现滚动，跟div用法差不多而scroll-view跟view最大的区别就在于：scroll-view视图组件封装了滚动事件，监听滚动事件什么的直接写方法就行
丶Hoo·2023-04-02 13:37

小程序之scroll-view组件

scroll-view可滚动视图区域。有时候我们的一些视图在手机指定的宽度和高度不够存放，那么可以放在scroll-view中，以滚动的形式显示被隐藏的内容。
soosgo·2023-04-02 13:37

uniapp - 使用 ＜scroll-view＞ 内置组件，实现容器 “横向 / 纵向“ 区域内滚动功能（详细示例教程）

前言如果仅仅需要去除滚动条，请访问：uniapp-去除scroll-view滚动条，全局/局部均可！
王佳斌·2023-04-02 13:05

微信小程序之scroll-view swiper swiper-item

微信小程序之入门篇：粘性定位，json-server，scroll-view、swiper、swiper-item前言本文将会去探索微信小程序的三个标签scroll-view、swiper、swiper-item
dakangLee·2023-04-02 11:15

微信小程序-scroll-view横向滑动

:这种方法写出来,在低于iOS10.0版本以下系统会出现不可以滑动的问题.并且并未找到解决方案..苦思许久,还是换种写法算了.下面是写法二:代码二:WXML:WXSS:两种写法的区别在于:在代码一中,scroll-view
Mr_Atom·2023-04-01 20:55

小程序scroll-view中的事件没触发反应

scroll-view设置宽度为100%，white-space为nowrap;scroll-view{width:100%;white-space:nowrap;}
123_5a64·2023-03-31 06:22

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

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

微信小程序实现锚点定位

在小程序开发中，我们经常会遇到滚动列表查看的需求，那么使用锚点定位来实现可以达到交互体验更加友好的效果，我们看下项目中实现的效果：QQ20191127-154706.gif功能实现采用小程序视图容器组件实现：scroll-view
月满轩尼诗_·2023-03-26 15:36

小程序 Scroll-view

1.水平滑动的scroll-view水平滑动的scroll-view,需要给scroll-view一个固定的宽度，设置属性scroll-x,并且设置样式white-space:nowrap;（这个很重要
yangli·2023-03-25 08:40

小程序scroll-view展示图片和预览图片

效果图：效果图下面代码讲解：wxml部分：我们设置横向滚动，使用wx:for来遍历数据源，并设置图片的mode：aspectFill，图片的mode就不介绍了，不清楚的可以去小程序官方api查看。wxss部分：.box-sv{width:700rpx;padding:20rpx0;height:133rpx;white-space:nowrap;margin:3%auto}.box-svimage
WindyMing·2023-03-25 05:09

uni-app踩坑：微信小程序中view设置overflow: auto无法手势滑动

经过一通仔细(胡乱)调试，最终使用scroll-view解决了这个问题。...
追梦_life·2023-03-24 19:37

微信小程序计算scroll-view的高度

使用竖向滚动（scroll-y）时，需要给scroll-view一个固定高度，通过WXSS设置height。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。
蝴蝶结199007·2023-03-24 08:33

小程序scroll-view上拉加载

//jstoLowFun(){console.log("触底事件");}image.png
前端来入坑·2023-03-22 07:41

Uni-app之Nvue开发细节总结

这些组件的性能要高于vue页面里的区域滚动组件scroll-view。左右拖动的长列表。在webview
大码猴·2023-03-17 20:09

小程序基础知识1

jsonapp.jsonproject.config.jsonsitemap.json页面的.json新建小程序页面代码构成-wxml代码构成-wxss代码构成-js逻辑交互宿主环境通信模型常用组件组件-视图容器类scroll-view
纪仙女·2023-03-17 08:20

uniapp|原生控件层级过高无法覆盖的解决方案

虽然提升了性能，但原生组件带来了其他问题：前端组件无法覆盖原生控件的层级问题原生组件不能嵌入特殊前端组件(如scroll-view)原生控件ui无法灵活自定义原生控件在Android上，字体会
嚣张农民·2023-03-15 02:37

uniapp实现楼层导航 ，滚动定位，锚点导航

uniapp实现楼层导航的核心技术要点：1、scroll-view作为视图容器，2、用其属性scroll-into-view,用于完成点击联动3、uni.createSelectorQuery().selectAll
pipizhou16·2023-03-11 18:20
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他