scroll-view

小程序自定义下拉刷新上拉加载组件

scrollList.wxml文件代码如下：暂时没有数据以自带的scroll-view组件为基础。
JMCC117·2021-05-03 05:58

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

一：scroll-view隐藏滚动条在书写网页的时候，往往会为了页面的美观，而选择去掉滚动区域默认的滚动条，而在这里，就是为小程序去掉滚动条的其中的一种方法：scroll-view.wxml:scroll-view.wxss.recommend_scroll_x_box
孤酒独酌·2021-05-01 01:01

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

微信小程序实现scroll-view隐藏滚动条的方法之一：首先我们来看一下，scroll-view的一些属性组件：使用竖向滚动时，需要给一个固定高度，通过WXSS设置height。
xiaolanzi007·2021-04-27 16:22

微信小程序之scroll-view选项卡与跳转 （二）

上一篇：微信小程序之scroll-view选项卡与跳转（一）本篇为大家介绍为何我们在最后做交互的时候，并没有使用上一篇讲的选项卡的效果。
刘员外__·2021-04-27 14:56

小程序scroll-view去除滚动条样式

再wxss中直接写入刚开始使用方法为这在ios测试至少是一直无效的，加上scroll-view标签后，完美，滚动条消失了注意：1.需要添加scroll-view的标签名称或者id名称2.
cherry0140·2021-04-26 17:14

微信小程序-flex布局

display:block指定为块内容器模式，总是使用新行开始显示，微信小程序的视图容器(view,scroll-view和swiper)默认都是dispaly:block。
GUIYIVIEW·2021-04-26 00:53

微信小程序实现tab栏的吸顶效果（解析scroll-view组件scroll事件/onPageScroll事件的延迟问题）

需求在前端开发中，我们经常会遇到一个需求，在页面进行滚动操作的时候，当页面其中的某个元素滚动到某个位置，我们就让该元素停留在该位置。等到滚动小于某个值的时候，再让该元素继续随着页面滚动。这就是我们平时说的吸顶效果。———————————————————————————————————————————————————————————————实现方法根据我个人的总结，对于上述需求，我们在大多数情况下会
睿不可当0423·2021-04-18 03:43

微信小程序自定义scroll-view的实例代码

小程序自定义scroll-view滚动条话不多说,直接上效果图效果图wxml代码scroll-view{{index}}wxss代码page{height:100vh;background:rgb(111,80,65
·2021-04-14 20:52

uniapp scroll-view组件滚动到后点击按钮回到组件顶部方法

前言uniappscroll-view组件滚动到底后点击按钮回到组件顶部方法官方文档设置this.scrollTop=0的方法无效，在网上找了个这个方法。不知道是什么原理this.scrollTop=Math.random();没有更多菜单了哦~goTop:function(e){this.scrollTop=Math.random();},亲测有效
黒客与画家·2021-04-04 19:10

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

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

小程序滚动组件，左边导航栏与右边内容联动效果实现

然后为点左边右边跳到相应商品，这里主要用到的锚点，小程序在scroll-view里提供了一个scroll-into-view0}}">{{item.typeName}}{{go
·2021-03-19 00:34

APICloud 多端开发 《拼团商城》项目源码解析

项目中前端采用avm多端开发技术进行开发，要点包括TabLayout布局、swiper轮播图、rich-text富文本、scroll-view滚动视图、下拉刷新、组件封装等。
·2021-03-17 20:54

APICloud 多端开发 《拼团商城》项目源码解析

项目中前端采用avm多端开发技术进行开发，要点包括TabLayout布局、swiper轮播图、rich-text富文本、scroll-view滚动视图、下拉刷新、组件封装等。
·2021-03-17 15:18

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

正好scroll-view的scroll-into-view属性可以滑动到列表中的指定item位置，就不用在额外去做别的实现了。
albertlii·2021-03-11 19:16

微信小程序tab左右滑动切换功能的实现代码

效果图:一、简介自己的小程序需要实现这样的功能1.核心思想swiper和scroll-view共用两个变量currentTabnavScrollLeft，当点击nav或者滑动swiper时设置两个变量的值为当前的
·2021-02-08 12:50

小程序如何解决屏幕禁止滑动

小程序如何解决屏幕禁止滑动，并且不影响滑动事件https://www.jianshu.com/p/602...1.整个布局用作为根节点包裹所有view，并动态绑定scroll-view的scroll-y
·2021-02-03 15:03

小程序scroll-view长页面卡顿

关键字：小程序、长页面滚动卡顿、canvas本地引用图片、scroll-view去年年中，搁置了很久的小程序开发，因为项目需要重新拾起。
白白白大爷_SimonLau·2021-01-29 09:56

小程序粘性布局组件实现

二、demo演示如图，实现的组件主要适用于以下几种场景：吸顶页面最上方；吸顶与页面有固定距离的位置；在指定容器内吸顶；嵌套在scroll-view中吸顶。三、代码演示其中，粘性组件通过调用，
·2021-01-26 19:16

微信小程序 ios 橡皮筋效果踩坑

scroll-view在ios上面会继承原来ios的UI框架所以会出现“橡皮筋”效果，即上拉到最顶部的时候还可以继续上拉放手会回弹（左右同理）解决方案1.在不需要滚动的页面可以全局禁用滚动{“disableScroll
爱吃奶黄包の小脑腐�·2021-01-21 18:39

APICloud AVM多端开发 |《生鲜电商app开发》项目源码深度解析

项目中前端采用APICloudAVM多端开发技术进行开发，要点包括scroll-view滚动视图、下拉刷新、输入处理、swiper轮播图、网络请求封装等。使用APICloud多端技术进行开发
APICloud·2021-01-15 19:03

APICloud AVM多端开发 |《生鲜电商app开发》项目源码深度解析

项目中前端采用APICloudAVM多端开发技术进行开发，要点包括scroll-view滚动视图、下拉刷新、输入处理、swiper轮播图、网络请求封装等。使用APICloud多端技术进行开发
APICloud·2021-01-15 19:28

swiper 滚动模式下的Echarts图展示问题

2.请勿在scroll-view、swiper、picker-view、movable-vi
夏天想·2021-01-13 18:42

APICloud AVM多端开发 | 企业app开发解析：案例展示、加盟申请功能源码

本项目中前端采用APICloudAVM多端开发技术进行企业app开发，要点包括TabLayout布局、swiper轮播图、rich-text富文本、scroll-view滚动视图、下拉刷新等。
APICloud·2021-01-09 17:36

APICloud AVM多端开发 | 企业app开发解析：案例展示、加盟申请功能源码

本项目中前端采用APICloudAVM多端开发技术进行企业app开发，要点包括TabLayout布局、swiper轮播图、rich-text富文本、scroll-view滚动视图、下拉刷新等。
APICloud·2021-01-09 17:32

小程序：定位到页面某一块元素——锚点

方案将整个页面最外层的view替换为scroll-view，高度设置为页面内容的高度（windowHeight）,不能设置为100%，那是整个页面的高度，包括屏幕之外看不到的地方。
阿灿娜·2021-01-04 11:52

view

设置哪个方向可滚动，则在哪个方向滚动到该元素，还需要将scroll-y设为true在弹出层使用scroll-view就能达到内容超出可以滚动的效果。
m0_54069782·2020-12-31 22:29

微信小程序弹窗禁止页面滚动的实现代码

下面给大家介绍下小程序弹窗禁止页面滚动的效果：在小程序弹窗时，外部页面禁止滚动，可以在最外部容器设置catchtouchmove但是如果弹窗内部也需要滚动，需要用scroll-view包裹，并设置scroll-ycatchtouchmove
·2020-12-30 18:06

uniapp弹出层使用scroll-view进行内容滚动+锚点定位滑动到最底部，解决弹出层滚动穿透

一文看懂弹出层中使用scroll-view前言一、定义template模板二、解决弹出层的滚动穿透三、定义数据四、相关方法五、简单样式前言本文使用的相关技术及组件为uniapp+uview，使用hbuilder
轻叹年华逝，·2020-12-29 14:03

小程序吸顶效果

在红色部分加上position:sticky,滚动条滑到红色部分时,就会自动吸附手机端不显示的情况下加上这一句position:-webkit-sticky;2.黄色部分加上position:sticky;加上scroll-view
chris_Evans·2020-12-28 12:09

微信小程序（4）：可滚动视图区域组件

文章目录scroll-view可滚动视图区域1、scroll-y：允许纵向滚动2、scroll-x：允许横向滚动3、scroll-top：设置竖向滚动条位置4、scroll-left：设置横向滚动条位置
小R.·2020-12-26 11:43

解决小程序点击弹出模态框，子父级都有滚动条问题

思考步骤：1.使用作为根节点包裹所有view，并动态绑定scroll-view的scroll-y属性，自定义它的高度，varcalc=clientHeight*rpxR-100;“-100”是因为我底部有选项卡
嘉煠·2020-12-17 11:14

小程序选项卡小Demo，可滑动控制

思绪1.选项卡使用scroll-view,实现可以滑动控制效果；2.使用current控制选项卡标题和内容的统一，实现同步操作；3.winHeight这个是我最常用的varcalc=clientHeight
嘉煠·2020-12-17 11:14

横向或纵向滚动时没有滚动条

important;}scroll-view隐藏滚动条&::-webkit-scrollbar{width:0;height:0;color:transparent;}如果&
偶头像超凶·2020-12-16 14:19

微信小程序 -- scroll-view组件在ios上无法滑动的坑

当我们的scroll-view组件在页面中使用,且页面.json设置为页面可滑动时或可触发下拉刷新时"enablePullDownRefresh":true,"disableScroll":true,会出现我们的
Skime Ma·2020-12-14 14:04

微信小程序scroll-view和swiper的合并封装实现上下滑动和左右滚动

一、需求一篇诗歌（区别于普通文章，行内容固定，不能切断换行），通常包括题目、章节目录、内容为方便在小程序上的阅读，设计上按章节分开索引，实现效果如下文章阅读效果图二、设计分析2.1数据设计和保持数据库设计，并保存为csv格式，同时批量导入到微信云数据库中2.2页面主要包括3部分：搜索、Tab头、文章页2.3组件设计Tab头使用tabs组件，采用循环方式注入内容。文章页需要左右能滚动，引用scrol
四十年陈·2020-12-07 11:24

uni-app 解决scroll-view下拉刷新无法正常恢复的问题

关于scroll-view组件的下拉刷新，无论是uni-app还是微信小程序，官方都说得不是很明白，有一个非常关键的关键规则没说清楚，组件属性例子：refresher-triggered="triggered
不负好时光·2020-12-03 15:28

微信小程序实现锚点跳转

2、主要用到的微信小程序的scroll-view组件实现该效果。
·2020-11-25 23:40

小程序实现类似表格固定头部固定左边第一列，内容可以滚动，表头同步动，列fixed

在最外层假设class=box的元素外面套一个scroll-view重点，属性给予scroll-x为true，y不赋值标题内容之后的class=content，再用一层scroll-view套住主
PETER·2020-11-24 21:06

微信小程序实现滚动Tab选项卡

一、wxml结构tab标题因一排八个，所以使用scroll-view组件，使其可横向滚动。tab内容可左右滑动切
·2020-11-15 17:40

uniapp scroll-view组件滚动到底后点击按钮回到组件顶部方法

uniappscroll-view组件滚动到底后点击按钮回到组件顶部方法官方文档设置this.scrollTop=0的方法无效，在网上找了个这个方法。忘记哪里找到的了this.scrollTop=Math.random();没有更多菜单了哦~goTop:function(e){this.scrollTop=Math.random();},
张二摸不着脑阔·2020-11-14 18:44

uniapp 用view实现新闻列表滑动的效果

参考文章：Uniapp自定义swiper滑动模块_qiebzps的博客-CSDN博客第一种使用的是swiper里使用swiper-item，在swiper-item上添加scroll-view来实现，因为使用的是手机是苹果手机
神一样的队友·2020-11-05 09:12

小程序 - 视频居顶页面滚动问题

https://segmentfault.com/q/1010000009543764videofixed布局会造成：视频移动，黑色底留下flex布局，video固定高度，自适应部分用scroll-view
yuanzhiying·2020-10-11 06:42

uniapp 学集 （第二章）nvue、组件

文章目录NVUE介绍区别组件视图容器视图容器（view）可滚动视图（scroll-view）滑块视图（swiper）可拖动区域（movable）movable-areamovable-view基础内容图标
QuantumYou·2020-10-03 21:23

微信小程序学习---view-scroll的使用注意事项

当是垂直滚动的时候,官网的实例即可完成当是水平滚动的时候,注意:css文件要求一定要将scroll-view容器设置宽度,并设置white-space:nowrap;一定要将scroll-view容器的每一项都设置宽度和
guxiansheng1991·2020-09-17 16:53

微信小程序---＜scroll-view＞组件

一、设置横向滚动1、给scroll-view添加scroll-x="true"属性。2、给scroll-view添加white-space:nowrap;样式。
嗒_嗒嗒·2020-09-17 15:54

微信小程序 swiper选项卡切换 flex弹性布局+scroll-view撑开高度

写swiper的时候高度无法撑开，也不想用js动态设置高度，就可以利用flex弹性布局来撑开高度，效果如下。wxml部分{{date}}{{item.title}}排名姓名核销券数{{newItem.rank}}{{newItem.name}}{{newItem.score}}js部分constapp=getApp().globalData;Page({/***页面的初始数据*/data:{dat
银鞍照白马·2020-09-17 15:14

微信小程序开发 scroll-view

问题：微信小程序中使用scroll-view滚动页面效果，设置触底滚动无效**解决：**必须给scroll-view组件设置height
weixin_39725702·2020-09-17 15:09

关于小程序中scroll-view横向拖动内容溢出处理实例

在安卓的环境中，对于分类用scroll-view做横向拖动时，产生溢出效果的处理，原理如下图蓝线为scroll-view下view的宽度，红线为分类内容的累积宽度，这就是在安卓环境下撑开的原因。
脚男footman·2020-09-17 15:19

微信小程序开发—(十三)可滚动视图区域 scroll-view

一.知识点可滚动视图区域scroll-view使用竖向滚动时，需要给一个固定高度，通过WXSS设置height。
面条请不要欺负汉堡·2020-09-17 14:38

微信小程序开发（5）-新闻页之滚动制作（scroll-view)组件的使用

如图，绿色边框框起来的部分为滑动新闻部分，其主要使用了scroll-view组件四步（1）newspage.js中定义数据news:[{title:'这个夏天出游',imgUrl:'/images/01
芭乐_0916·2020-09-17 14:12
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他