scroll-view

微信小程序ios滑动问题（滑动卡顿，下拉拖动自定义导航栏）

微信小程序ios滑动问题（滑动卡顿，下拉拖动自定义导航栏）1.ios中个别机型类似6s，对微信自带的scroll-view无法滑动；解决：在滑动内容区添加css属性，overflow:auto;在其父级添加
MmM豆·2019-07-18 09:17

微信小程序自定义弹窗滚动与页面滚动冲突的解决方法

本文为大家分享了微信小程序自定义弹窗滚动与页面滚动冲突的解决方法，供大家参考，具体内容如下先看效果是否是自己需要的实现步骤：1.整个布局用作为根节点包裹所有view，并动态绑定scroll-view的scroll-y
c_c_.·2019-07-16 14:57

小程序scroll-view

第一次使用scroll-view，会遇到元素不在一行的尴尬问题。。。.scroll-iten{display:inline-block;}
CherryCola_zjl·2019-07-15 10:01

小程序scroll-view

第一次使用scroll-view，会遇到元素不在一行的尴尬问题。。。.scroll-iten{display:inline-block;}
CherryCola_zjl·2019-07-15 10:01

微信小程序 锚点的实现 计算高度法

背景最近在开发小程序的时候，遇到一个在页面上做锚点的需求查阅了一下，小程序的锚点和浏览器中html的锚点是不一样的，所以不能用a标签加#锚点来实现scroll-view实现通常，在小程序中，可以用scroll-view
lumingkunn·2019-07-15 00:00

微信小程序简单的canvas裁剪图片功能详解

topNum用于scroll-view的reset处理wxss文件.view-1-1{width:750rpx;height:750rpx;overflow:hidden
空箜崆·2019-07-12 11:25

微信小程序项目技巧总结

微信小程序border使用总结二、横线滚动布局微信小程序横向滚动布局scroll-view使用scroll-view用于小程序中滚动布局的设置。
ShanLiang_Build·2019-07-03 09:40

uni-app scroll-view 实现滑动菜单

*只有加入这句话white-space:nowrap;scroll-view组件才能够滑动（此处为横向滑动）*/white-space:nowrap;font-size:30upx;height:50upx
悠讓·2019-07-03 00:00

微信小程序11-view容器

组件类型：视图容器组件：控制页面的内容scroll-view:滚动容器swiper:轮播组件movable-view：可支持移动缩放组件cover-view:这个view可以盖在原生组件上具体视图组件的属性可参考官方文档
gaoya7305·2019-06-19 14:32

uni-app 常用组件实战

view视图容器文档地址用于包裹其他组件scroll-view可滚动视图区域，使用时需要添加一个固定的高度。文档地址用于包裹其他组件，且在该区域内可以滑动。允许横向，纵向滑动。
_龙衣·2019-06-17 20:28

小程序总结（九）-关于scroll-view组件的用途

1、可以横向滚动某一组元素。2、用做竖向滚动的时候，如果滚动的内容上方有对应的导航，你只需要将包裹你要滚动的内容即可######然后给滚动的内容设置一个高度临界值也就是超过这个高度的时候就开始滚动。这样可以做到导航栏固定不动，内容在滚动。滚动内容的导航{{item.class_type_name}}滚动模块######滚动的内容limit__route__container是用来设置滚动的临界高度
自律财富自由·2019-06-11 14:56

【微信小程序】用scroll-view实现展开与收缩的效果，让ios和安卓统一的效果

效果图如下：效果图效果图的关键功能点：能分页加载的半容器，滑到顶部就收缩既然半容器而且数据要分页加载，那就肯定要到scroll-view，用view不能实现上拉加载。
Fernweh_Nancy·2019-06-10 15:13

【微信小程序】高仿微信的左滑删除效果

但这个有缺点，特别是在ios真机上，左滑时页面会上下滑动，用户体验emmm...或许需要增加disableScroll:true，但这个页面会被禁止滚动，或许里面再嵌scroll-view就可以实现的。
Fernweh_Nancy·2019-06-10 15:04

JS 数组 按个数进行分组

今天我在做一个小程序轮播图的时候，因为要从scroll-view转为swiper组件，之前scroll-view组件的渲染数据直接就是一个数组，当把scroll-view的宽度和内部item的宽度定好以后
初学的小白一枚·2019-05-24 15:28

JS 数组 按个数进行分组

今天我在做一个小程序轮播图的时候，因为要从scroll-view转为swiper组件，之前scroll-view组件的渲染数据直接就是一个数组，当把scroll-view的宽度和内部item的宽度定好以后
初学的小白一枚·2019-05-24 15:28

Taro开发微信小程序遇到的问题和解决方法

前言:这是一份开发小程序过程遇到的一些问题记录，以后有类型的坑都会记录在这里scroll-view置顶,给设置scroll-top为0无效问题？
悟C·2019-05-23 09:37

【已解决】小程序scroll-view横向滑动无效果

场景在用小程序scroll-view进行横向滑动，发现无效果。原来是自己html网页开发知识欠缺。
TensorFlow开发者·2019-05-22 22:07

微信小程序开发之左右分栏效果的实例代码

本文以一个简单的小例子，简述在微信小程序开发中左右分栏功能的实现方式，主要涉及scroll-view，列表数据绑定，及简单样式等内容，属于初级入门内容，仅供学习分享使用。
Alan.hsiang·2019-05-20 09:56

小程序scroll-view安卓机隐藏横向滚动条的实现详解

一、实践踩坑项目使用mpvue开发1.使用flex布局//html大概长这样//css相应就大概长这样.worth-wraper{margin-top:60rpx;height:560rpx;box-sizing:border-box;display:flex;width:750rpx;overflow:hidden;font-size:28rpx;color:#7a7269;line-heigh
emcty·2019-05-16 15:46

小程序scroll-view安卓机隐藏横向滚动条的实现

一、实践踩坑项目使用mpvue开发1.使用flex布局//html大概长这样//css相应就大概长这样.worth-wraper{margin-top:60rpx;height:560rpx;box-sizing:border-box;display:flex;width:750rpx;overflow:hidden;font-size:28rpx;color:#7a7269;line-heigh
emcty·2019-05-15 00:00

小程序scroll-view横向布局

最多可以上传6张图片.图片可以一张张删除,也可以预览,但是布局的时候还是踩了一个scroll-view的坑,接下来就把整个过程稍微讲一下1.没有图片的时候,上传框是一直在中间的,上传了一张图片后,上传框会在图片
ViolaDan·2019-04-30 11:36

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

效果图微信小程序实现下拉刷新和上拉加载有2中方法1用系统自带的个人感觉特别简单2使用scroll-view实现,scroll-view里面有2个属性是滑动到顶部以及到底部如下其实就是滑动到顶部和底部的时候请求网络
胡小牧·2019-04-19 18:44

解决微信小程序scroll-view换行问题

今天在写小程序的时候使用了scroll-view,但是发现在scroll-view中一行文字不能换行，代码如下：asdhadjhkajshdkjahsdkjasdajsdhkajsdkajsdkajsdhasjdaksj
佚名·2019-04-16 16:50

微信小程序开发之scroll-view的用法

微信小程序中的最终效果图：设计思路：1.了解scroll-viewscroll-view组件可以实现左滑与上下滑动的效果scroll-x=“true"开启水平滑动，scroll-y=“true"开启垂直滑动2.了解swiper组件Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。所以要实现点击切换效果需要使用到它。使用格式：添加要循环的内容3.先写最顶层的分类导航栏重点在切换效
圆角50%·2019-04-13 18:49

uni-app——想说爱你不容易之踩坑系列

1.uni-app不支持动态组件，目前在用v-if判断，或者用scroll-view切换，没有想到什么其他的办法2.uni-app不支持具名插槽，会导致页面塌陷3.uni-app在做动态样式渲染的时候可能会对高度
俗的太不一样·2019-04-13 15:00

小程序-下拉刷新+上拉加载更多

这个问题通常是背景和那三个点的颜色没设置对造成的//.json{"enablePullDownRefresh":true,"backgroundTextStyle":"dark","backgroundColor":"#eee"}上拉加载更多设置scroll-view
王竹根·2019-04-08 20:18

小程序开发初体验~

在此将我使用小程序的一点心得拿出来给大家分享一下~接触小程序的第一感觉：第一次写小程序会有点小激动，第一次嘛，你懂的~翻开小程序的文档你会发现，我透，这简直就是神物啊，各种组件应有尽有，轮播图swiper，滚动容器scroll-view
渴望成为大牛的男人·2019-04-02 20:00

微信小程序mpvue使用scroll-view

固定先实现一个固定不能滑动的栏目{{iconMap[key]['title']}}data里面的数据，图片从你本地随意找一张，数据都是公用的，下面就不再写了。iconMap:{'icon-caigou':{title:'美食',bk:'#EF8B3E'},'icon-shangpin':{title:'猫眼电影',bk:'#E4463B'},'icon-touchengkongyun':{titl
lesdom·2019-03-27 16:20

微信小程序 锚点效果 问题记录

正常效果在微信小程序中，如果我们要实现锚点效果，可以通过scroll-view组件来实现。
Tiny_z·2019-03-26 15:21

微信小程序 锚点效果 问题记录

正常效果在微信小程序中，如果我们要实现锚点效果，可以通过scroll-view组件来实现。
Tiny_z·2019-03-26 15:21

小程序学习——上拉加载and下拉刷新（适用于130400以下版本）

具体说明请查看小程序文档https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html注意：要想实现上拉加载功能，必须给scroll-view
默色留恋·2019-03-25 15:07

微信小程序与vueJs的异同

一、微信小程序有自己封装的一套组件视图容器，它把平时我们可能会用的一些页面视图效果都进行了分装；eg:swiper,scroll-view,表单组件在Vue项目中，我们可能要通过引入第三方组件库swiper
可可西里的骄傲·2019-03-25 10:00

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

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

微信小程序之——实现一行滑动显示很多文字-scroll-view

工作所需接触到小程序的需求，记录下一点小问题。=========================================================目标是为了一行可以滑动地区显示很多文字，查了下资料发现可以设置一行隐藏，或者直接显示…，都可以，但是我这边需要把多余的文字也展示出来，而且不能改变样式，话不多说直接上效果：附上完整代码wxml：人的一生只有5%是精彩的，只有5%是痛苦的，另
Snail_cz·2019-02-01 10:19

微信小程序之——实现一行滑动显示很多文字-scroll-view

工作所需接触到小程序的需求，记录下一点小问题。=========================================================目标是为了一行可以滑动地区显示很多文字，查了下资料发现可以设置一行隐藏，或者直接显示…，都可以，但是我这边需要把多余的文字也展示出来，而且不能改变样式，话不多说直接上效果：附上完整代码wxml：人的一生只有5%是精彩的，只有5%是痛苦的，另
Snail_cz·2019-02-01 10:19

详解微信小程序之scroll-view的flex布局问题

关于微信小程序的scroll-view组件，第一次写的时候是直接在scroll-view中用了一层容器包裹子元素，然后用了flex布局，并且是用了组件来实现的横向滚动，后面有提出改进，但是不记录下，就发现过了几天
ZJW0215·2019-01-16 10:37

微信小程序之scroll-view的flex布局问题

关于微信小程序的scroll-view组件，第一次写的时候是直接在scroll-view中用了一层容器包裹子元素，然后用了flex布局，并且是用了组件来实现的横向滚动，后面有提出改进，但是不记录下，就发现过了几天
ZJW0215·2019-01-15 00:00

微信小程序滑动页面到指定位置时，固定指定元素在顶部

2018/12/2020:03这个需求其实很常见，首先我想到的是利用，微信小程序自带的scroll-view标签来实现，但经过几次实验均发现达不到预期效果。
Homer_Simpson·2018-12-20 20:37

从前端界面开发谈微信小程序体验

scroll-view，你
腾讯云加社区·2018-12-06 00:00

微信小程序~云开发 Demo 实现发表页面

可参考我之前的文章重点是中间的②是内容区域区域三是功能操作区内容区域的实现第一个是文本区域第二个是水平的图片展示区域这里的内容区域使用的是小程序的textarea组件，具体的使用方式可参考官方文档图片显示的区域使用的是scroll-view
_龙衣·2018-11-24 22:28

小程序滚动事件穿透问题

大致是在iOS端scroll-view在滚动时，事件会被page吃掉。从而无法实现只滚动scroll-view的效果。官方很傲娇得被骂了好了就不回应，那我们只能思考在现有基础上如果实现目标效果。
anjohnlv·2018-11-20 15:09

微信小程序开发框架——组件

组件的概念，如图：小程序给我们提供的组件，如图八类组件：1.视图容器组件主要控制页面内容、视图容器可以理解为一个盒子在这个盒子里面可以装入更小的盒子填满，这里提供有5种：1、view是最常用的容器组件；2、scroll-view
iheyu·2018-11-17 11:10

微信小程序使用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=w
ICE小学生·2018-11-09 15:29

微信小程序上拉加载更多的项目实例以及scroll-view标签的使用

用到官方的一个关键标签scroll-view。
剑拔弩张的Logan·2018-11-09 15:33

微信小程序 tips

刚开始用的scroll-view，小程序scroll-view不带下拉刷新，只有Page自带的滚动有下拉刷新，想了好久都没想通怎么搞。某天突然开窍。。。顶部就用position:fixed固定布局。
vincent涵·2018-11-08 10:13

微信小程序-scroll-view左右滑动

效果：wxml页面：对应的wxss:.section{width:100%;margin-top:10px;}.scroll-view_H{height:210rpx;display:flex;width:100%;white-space:nowrap;}.scroll-view-item_H{width:300rpx;height:210rpx;margin-right:5rpx;display
chibimarukochan·2018-11-05 11:29

详解mpvue scroll-view自动回弹bug解决方案

表现设置了scroll-top的scroll-view组件，在组件所在vue实例data发生改变时会自动回弹到最上方解决方案打开node_modules/mpvue/index.js,在任意位置添加以下两个方法
卫夫子·2018-10-01 10:55

小程序笔记1 - 实现锚点定位

在小程序中要实现锚点定位，需要使用到组件scroll-view点击查看scroll-view组件官网文档需要用到的是scroll-into-view这条属性，这条属性的官网解释是这样的：scroll-into-viewString
Karnaugh·2018-09-30 03:56

微信小程序scroll-view横向滑动嵌套for循环的示例代码

1、布局及样式等（1）xml布局{{item.title}}{{item.content}}（2）wxssscroll-view{width:80%;white-space:nowrap;}.item-content{width:40%;display:inline-block;border:1rpxsolidgray;text-align:center;}(3)js文件data:{list:[{
黑金白土·2018-09-20 13:49

小程序scroll-view组件实现滚动的示例代码

前言：这章我们使用小程序的scroll-view组件实现横向滚动和竖向滚动。
Ewall_·2018-09-20 10:33
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他