scroll-view

小程序学习之路四：scroll-view的使用

感言：18年11月开始了学习之路一，结果写到了才开始学习就停滞了半年，这可不行，毅力是IT界的基础，延续一年半前继续开始上一篇我们讲到了入门学习，接下来来讲讲scroll-view的使用，我作为一名新手
lovelixue·2020-08-25 17:40

小程序学习之路五：scroll-view实现多列布局

上面讲解了一些部分简单功能，接下来讲讲scroll-view的进阶，实现多列布局，先上效果：首先来看看布局文件{{item.name}}我这里布局很简单，就是一个scroll-view，里面放一层view
lovelixue·2020-08-25 17:50

scroll-view实现不了滑动效果

当使用scroll-view这个标签的时候，我们是为了实现向左滑或者向下滑的效果。你只需要将我的案例复制到你的项目，将图片路径修改完之后，就可以看到效果，切记是下面那一份代码呦！
咔咔-·2020-08-25 17:23

番外篇-关于微信小程序使用cover-image无法滚动的问题

当你的scroll-view里面的item子控件使用上面这个的时候，你会发现在预览框可以滚动，跑到手机就无法滚动了，这是微信自带bug，你可以将这个用image控件替换
lovelixue·2020-08-25 16:23

微信小程序中的View知识点

autoplay(是否自动切换)interval(自动切换时间间隔)duration(滑动动画时长)vertical(滑动方向是否为纵向)circular(是否采用衔接滑动)示例代码如下：测试截图2：scroll-view
名字_都被占了·2020-08-25 05:12

小程序自定义弹窗禁止底部内容滚动（滚动穿透问题）

2、底部内容区使用scroll-view设置垂直滚动，并将scroll-view的高度设置为屏幕高度，
心雨博客·2020-08-24 23:24

小程序最强下拉刷新组件，下拉刷新这篇就够了

❝骑着我心爱的小摩托，每天一篇技术文章，今天是：2020年08月16日，鬼哥和你一起学技术❞❝CooluiScroll基于小程序原生组件scroll-view的上拉加载下拉刷，功能强大，文档清晰，基本满足了大部分小程序下拉刷新场景需求
前端人·2020-08-24 23:34

scroll-view --上拉加载--多次触发

之前那篇博客里边写了滑块的margin属性影响了滑动效果。这篇文章写一下上拉时多次触发上拉加载事件。（改好的代码如下）其实也比较简单，就是有可能没有意识到这个小细节。在官方文档中有这么一个属性（如图）。这个属性是设置距离底部多少距离是触发事件。我们吧这个属性设置成0就可以了。只有上拉到最底部才会触发。
Wind-123·2020-08-24 22:10

微信小程序scroll-view监听底部加载不执行的问题

问题代码：.........原因：scroll-view不能作为根元素，在外面包裹一层view即可。.........
汉三姓胡·2020-08-24 19:44

微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现

所以要先设置scroll-x="true"或者scroll-y="true"2.在scroll-view里面添加定宽元素，超过scroll-view宽度（设置了100%，即屏幕宽度)后，它竟然换行了。
ever·2020-08-24 15:02

使用mpvue开发github小程序总结

扫码体验、项目地址、https://github.com/cheesekun/wx-githubmina坑scroll-view高度可滚动视图区域。
塞尔达真好玩·2020-08-24 14:09

【微信小程序】wxml文件标签

基础组件基础组件分为以下七大类：视图容器(ViewContainer)：组件名说明view视图容器scroll-view可滚动视图容器swiper滑块视图容器基础内容(BasicContent)：组件名说明
gz-郭小敏·2020-08-24 14:02

微信小程序 scroll-view滚动到底部事件不触犯的锅

今日准备把微信小程序的下拉刷新做一下，没想到我绑定了bindscrolltolower事件，但是居然不触发,我设置了lower-threshold高度无济于事.最后经过不懈的努力，找了很多资料，才发现,居然要设置scroll-view
宋冬野·2020-08-24 14:32

微信小程序：菜单滑动

先演示一下效果如下：1.左边选择类别，右边菜单滑动到对应位置该功能只需要用微信小程序的组件：scroll-view中scroll-into-view属性即可，详细请看官方文档。
seducer·2020-08-24 13:33

微信小程序scroll-view横向滚共不生效

微信小程序scroll-view横向滚共不生效css文件要求一定要将scroll-view容器设置宽度,并设置white-space:nowrap;一定要将scroll-view容器的每一项都设置宽度和
杀个程序猿祭天·2020-08-24 02:45

scroll-view踩坑记录

要求每个盒子可以手动进行横向拖动，类似bilibili顶部菜单栏，但是在scroll-view设置了scroll-x没有生效，在css中给scroll-view设置了display：flex还是没有生效第一次编写的代码
今天写了亿个bug·2020-08-24 01:14

小程序组件简明说明

不是HTML,所以大多数标签在小程序中无法使用小程序自身支持的标签,是一种组件化的标签.有如下组件可以使用视图容器(ViewContainer)：组件名用途view视图,相当于HTML中div,快级元素scroll-view
黄雨晴·2020-08-24 00:00

小程序 — scroll-view组件实现滚动

1、竖向滚动首先从简单的来，竖向滚动很简单，只用记住两点即可：首先得设置scroll-y属性；其次，一定要给scroll-view设置一个height高度；就这样我们就实现了竖向滚动。
梦之翼618720·2020-08-23 18:20

uniapp scroll-view组件横向滚动不生效

问题：效果：bug：横向滚动没有生效。直接换行解决在css给滚动组件加上white-space:nowrap;就可以滚动了，记得不要把子元素设置成块级元素那会独占一行换成display:inline-block;效果：
陈小白_weilin·2020-08-23 18:44

微信小程序开发基础-标签篇（视图容器）

下面进行详细的解析：（注意每个属性支持的版本库）A：view标签：基础标签，类似H5中的div，块级标签；B:scroll-view:相当于H5中的div标签添加了overflow-x/overflow-y
impossible1994727·2020-08-23 05:55

小程序里如何使页面自动滚动到底部？

原链接：https://segmentfault.com/q/1010000012493589在更新数据后，以及初次进入页面，希望页面停留在最底部；因为内容中有video，不能使用scroll-view
杀个程序猿祭天·2020-08-22 20:58

微信小程序01【目录结构详解、视图与渲染、事件、input、scroll-view】

video/BV1sx411z77P笔记01：https://blog.csdn.net/weixin_44949135/article/details/107181721【目录结构详解、事件、input、scroll-view
是您啊，哒哒子前辈！·2020-08-22 19:10

[随笔] uniapp踩坑---微信小程序端textarea显示不正常等问题

问题：uni-app中的textarea组件在微信小程序中展示为原生组件，其优先级会大于框架组件如scroll-view组件，因此将textarea组件放在scroll-view组件内会发生穿透弹窗或遮罩层问题
"William'_·2020-08-22 19:35

微信小程序点击分类跳到对应商品，滚动商品，对应详情选中

然后为点左边右边跳到相应商品，这里主要用到的锚点，小程序在scroll-view里提供了一个scroll-into-viewindex.wxml左边分类部分右边商品部分这时点击左边右边就可以滚动到相应的商品啦
蒲公英的种子，飘吧·2020-08-22 19:56

初试小刀自我简历小程序

html5跳转到小程序的一个页面wx.miniProgram.navigateTo({url:'/path/to/page'})实现锚点跳转下面是我用wepy实现的代码(自己看重点)，其实就是用了官方视图容器scroll-view
weixin_33946605·2020-08-22 19:49

小程序学习01->view与scroll-view

-viewview是最常用也是最简单的的视图窗口组件，相当于HTML页面同的标签。下面来实战一下使用view。1、在app.json下添加view页面。添加后按ctrl+s，微信开发工具会自动生成页面。2、编写view.wxml页面12上述代码中用到了bgView这个css样式，可在view.wxss中添加/*pages/view/view.wxss*/.bgView{padding:40px;h
疯一样的雨·2020-08-22 18:48

【微信小程序】仿京东商品分类界面

图示：（京东左）要点：1、左右两侧可以各自滑动，互不影响→absolute布局2、商品根据不同数量自适应排列→flex-wrap的应用3、切换左侧导航后，右侧显示对应变化，且默认显示在顶部位置→scroll-view
一朵花与森林·2020-08-22 18:13

微信小程序之商品分类锚点定位

所以追梦猪结合scroll-view组件来完成微信小程序分类页面侧滑的效果，1.左侧先说一下左侧菜单的操作点击单个菜单切换样式，而这个锚点定位也
追梦猪·2020-08-22 18:58

结合 wx-demo-start 讲入门小程序开发

wx-demo-start的源码：https://github.com/ycshill/wx-demo-start.git1.用到组件视图容器这部分是比较常用的内容view最常用的组件，相当于“div”scroll-view
webshill·2020-08-22 15:59

今天继续微信小程序学习

微信小程序的组件的使用今天的项目需要使用scroll-view组件，在微信小程序文档中横向滚动的效果在我的页面上无法演示。
G_XUI·2020-08-22 15:41

uniapp——scroll-view手机预览不显示数据

今天在做项目的时候发现scroll-view组件内的数据在页面上渲染在微信开发者工具中可以正常显示，但是手机预览数据不显示，代码如下：{{item.name}}遍历数据sqListData是通过后台接口返回的数据
World_Mei·2020-08-22 12:20

【微信小程序】scroll-view，滚动穿透，阻止滚动

scroll-view滚动穿透，阻止滚动页面弹窗阻止滚动是一种常见的问题，这里简单介绍小程序scroll-view的一种解决方式常用阻止滚动方式在不使用scroll-view的弹窗中,为position
koucxz·2020-08-22 10:56

微信小程序scroll-view下拉刷新组件

微信小程序scroll-view下拉刷新(附带下拉刷新效果)背景在微信小程序上如果使用了scroll-view，是没办法通过页面上的onPulldownRefresh函数触发下拉刷新的（重点解决的问题）
nihaoye000·2020-08-21 16:53

微信小程序 --- 6行代码实现页面返回顶部

this.setData({topNum:this.data.topNum=0});}})wxml部分：1111111111顶部wxss部分:page{width:100%;height:100%;}scroll-view
豆i浆·2020-08-21 16:17

微信小程序 下拉刷新实现以及兼容

onPullDownRefresh事件，无法在scroll-view中触发那么什么时候会出现呢？
王月_92f2·2020-08-21 16:14

小程序 scroll-view组件

在scroll-view控件的属性里设置：white-space:nowrap;(不换行)在子控件里设置：display:inline-block;垂直滚动scroll-view的s
IWTF·2020-08-21 15:18

微信小程序scroll-view仿支付宝、拼多多横向滑动效果

微信小程序scroll-view仿支付宝、拼多多横向滑动效果效果图实现代码index.wxml{{childItem.name}}{{childItem.name}}index.js//获取应用实例varapp
在水里疯狂撸代码的人·2020-08-21 15:53

小程序各种滚动与滑动效果实现

1.滚动选项卡小程序内提供scroll-view组件，可以实现此效果，将scroll-x设置为true.2.滑动切换页面swiper组件，不同的页面写在不同的swiper-item里。
但心情怎会无恙·2020-08-21 15:39

scroll-view组件实现下拉刷新, 拉到底加载更多

官方文档已声明，即使在page.json和app.json中开启下拉刷新，scroll-view组件也是不支持的。
FBI-China·2020-08-21 14:48

2.1.2微信小程序可滚动视图区域 scroll-view

scroll-view可滚动视图区域。
Eric Z·2020-08-21 14:08

小程序scroll-view与系统下拉刷新冲突

毕竟我也是头一次做小程序开发今天开发小程序做的是一个tabs切换的页面，然而列表外层事用scrollview包含着的，系统的下拉刷新会被scroll-view的弹性禁用掉，大方向的解决方案大致归类为三种
Cocoanerd·2020-08-21 13:49

小程序横向scroll-view组件自动滚动到某个view

先看下效果scroll-view一般用于做横向侧滑动栏目,分类等等，在这里我用改组件做时间分栏。
ruff1996·2020-08-21 13:43

微信小程序—scroll-view纵向滚动样式设置问题

微信小程序—scroll-view纵向滚动样式设置问题布局样式#home{width:100%;height:100%;position:absolute;top:0;bottom:0;}#homescroll-view
Poppy_LYT·2020-08-21 13:03

scroll-view 开启自定义下拉刷新 scroll-view里面内容太少无法触发刷新

scroll-view开启自定义下拉刷新scroll-view里面内容太少无法触发刷新这个bug目前解决方法是在scroll-view标签下包裹唯一一个view标签，设置样式min-height:calc
你的星辰大海·2020-08-21 13:17

微信卡片流图片懒加载(监听所有图片)

图片懒加载图片加了lazy-load属性，就有主流lazyload的那种加载过程了查看文档，image组件在page与scroll-view下，均会生效。为什么看起来像是没有生效？
梁雨季™·2020-08-21 12:05

小程序中的scroll-view 自定义滚动样式

废话不多说，先上图，确认是否是你想要的效果；编辑步骤：1.给scroll-view添加点击事件bindscroll，可获取scroll-view的各种属性值；2.自己编写想要的滚动样式，如上图，后期只要控制滚动条距父级左边的距离即可
前端_菜鸟·2020-08-21 12:03

scroll-view实现上拉加载(tab切换多页数据加载)

原文链接：http://www.xiaoshu168.com/wxapplet/121.htmlvarapp=getApp();const_JulijiaUrl=require('../../utils/baseurl');constrequestUtil=require('../../utils/httpHelper');varGetList=function(that){varpage=tha
xiaoshu611·2020-08-21 07:48

小程序的scroll-view组件的点击自动滑动效果（类似于微信流量充值中滑块的效果）

但是小程序scroll-view组件并不能达到这个效果，必须手动拖动，才能滑动，网上找了许久没有找到相关的代码片段，最终发现zanUI有这个组件，参照这个组件的tab组件来完成的。
鱼之乐-子焉知·2020-08-21 01:29

微信小程序：scroll-view组件滑动多次触发scroll事件的bug解决

在项目开发过程中，组件是微信小程序提供给我们的一个分页器，一般滑动到底部时会触发scroll事件，scroll事件中往往包含对后端数据的请求；若是还未滑动到底部时频繁触发事件，则会频繁发请求，达不到想到的分页效果。先来说说的用法在data中设置两个变量：data:{containerHeight:0,doneLoading:false}在页面加载时调用两个函数:onLoad:function(op
小bearBear·2020-08-21 01:24

小程序scroll-view上下滑的内部加左右滑，scroll-x生效的情况

今天做了下滑块里包含左右滑的效果，由于scroll-view左右滑说的不够清楚，只能百度和看别人的例子了。还好scroll-view里面可以嵌套scroll-view，不然还要处理其他的问题。
前端-珊珊·2020-08-21 01:09
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他