scroll-view 第18页

uni-app：mescroll-uni 实现上拉加载，下拉刷新

上次使用scroll-view实现的加载刷新实属体验极差（哈哈）；这次get到mescroll-uni不是uniapp项目也可以用个人感觉体验还是非常棒的官网讲解非常详细：http://www.mescroll.com

熊小露的blog·2020-07-10 16:26

小程序 - 处理scroll-view组件的高度问题

在最近的小程序开发项目中有用到scroll-view组件，比较难搞定的是其高度问题，因其scroll-view自带一个高度，且需有高度才能有滑动效果；1、js计算高度；js:onLoad(){letscrollHeight

置二·2020-07-10 10:07

微信小程序canvas超出屏幕实现左右滑动的方法

要实现下图这种关于canvas的滑动跟所有人的想法相同,第一次使用canvas绘制的折线图,我选择了放在scroll-view内,在开发者工具上是可以实现滑动的,但是在真机上面发现不能滑动.原因是canvas

Duccky·2020-07-10 09:25

小程序scroll-view组件设置横向滚动条位置 scroll-left 无效问题

这个问题只是部分做数据交互时可能会碰到的问题,发现设置的scroll-left="200"没有起作用.原因:一般在页面加载时我们会请求数据,并渲染列表,但是我们在标签或者data中设置的scroll-left值会在数据渲染前赋值.此时的scroll-view

陨石猎人·2020-07-10 00:00

小程序----小程序组件

组件名称说明应用场景view视图容器：内部可以嵌套其他组件块级元素类似于html当中的div用法scroll-view可滚

maidu_xbd·2020-07-09 20:22

微信小程序scroll-view，swiper设定屏幕高度

取高度值onLoad:function(){varthat=this;//这里要非常注意，微信的scroll-view必须要设置高度才能监听滚动事件，所以，需要在页面的onLoad事件中给scroll-view

huangxiongbiao·2020-07-09 17:57

微信小程序 scroll-view 横向划不动

当是垂直滚动的时候,官网的实例即可完成当是水平滚动的时候,注意:1234567891011121314css文件要求一定要将scroll-view容器设置宽度,并设置white-space:nowrap

攻城狮Corn·2020-07-09 17:14

微信小程序scroll-view自动适应屏幕高度的使用方法

在写微信小程序时，经常会遇到页面需要上下滑动的需求，这个时候就需要用到scroll-view了，而使用scroll-view组件时必须设置它的高度，在页面顶部是一个导航栏，而底部的内容就需要滚动，这需要根据屏幕的高度来实时计算

木豪末·2020-07-09 16:39

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

scroll-view默认跟view是一样的，只是一个view容器，默认会随着内容大小自动改变大小。只有当你的scroll-view的大小，小于其内的内容时，才有机会实现真正的滚动。

星哲最开心·2020-07-09 16:06

小程序菜单楼层联动

1.点击菜单切换楼层就不细说了，直接根据scroll-view标签自带的属性scroll-into-view俩动态更改id就OK了！

C_razy·2020-07-09 14:05

小程序横向scroll-view组件自动滚动到某个view scroll-into-view 没有效果

原因：1.处理完数据之后，需要更新一次page对象中的data，that.setData({toview:'target'})2.html中data-node-id和data-index两种属性不能同时存在，3.html中必须设置id='{{item.id}}'属性代码如下：html：{{item.nodeName}}{{item.num}}步{{item.nodeId}}{{item.price

万花丛中胖仔一枚·2020-07-09 00:24

小程序开发中关于选项卡高度自适应和选项卡内按钮位置固定的实现

首先大家都知道小程序自带的swiper工具是有默认高度的，所以在实际开发中高度自适应的实现是必修课，比较简单的实现高度自适应的方法是利用scroll-view工具。

前端小虾虾·2020-07-08 21:00

uni-app中的分类页面(仿京东分类页面)(scroll-view的使用)

京东效果图：代码效果图：说明：实现图中所示的的左侧标签栏可上下滑动，右侧区域为对应左侧标签展开的图片文字详情说明，也具备上下滑动的功能scroll-view可滚动试图区域本文着重使用”scroll-y“

Trist丨·2020-07-08 20:21

小程序scroll-view组件之固定高度

我们都知道在使用scroll-view组件纵向滚动时，需要给一个固定高度，通过WXSS设置height，但是在我之前的接触的一个小程序中，我把wxml文件中的最外层用包裹了，此时设置height为100%

weixin_38168590·2020-07-08 18:31

微信小程序开发之scroll-view

本文主要介绍通过scroll-view实现回至顶部，如下效果一、页面代码顶部的工具栏放一个查找按钮，滚动区域实现分页，目的就是为了点击上一页\下一页时，自动回到顶部。

weixin_33751566·2020-07-08 15:41

uniapp scroll-view scroll-top设置无效

根据需求，切换到scroll-view滚动区域时滚动条回到顶部，初步尝试在切换的时候设置this.scrollTop=0，发现无效，一番查证：当重复设置某些属性为相同的值时，不会同步到view层。

我是某慧·2020-07-08 01:45

uni-app scroll-view横向滚动设置

1、单排横向滚动htmlcss.kite-classify-scroll{width:100%;height:150px;overflow:hidden;white-space:nowrap;}.kite-classify-cell{display:inline-block;width:115px;height:140px;}2、多排横向滚动html....css.kite-classify-sc

纸鸢鸢·2020-07-07 20:23

微信小程序 swiper scroll-view height设置自适应 tab选项卡

滑动tab选项卡高度不能自适应问题wxml{{item.FRJ_RJQC}}软件简称：{{item.FRJ_RJJC}}软件简称：暂无信息登记号：{{item.FRJ_DJH}}登记批准日期：{{item.FRJ_IDT}}{{proItem.FZD_ZPMC}}类型：{{proItem.FZD_ZPLB}}登记号：{{proItem.FZD_DJH}}登记日期：{{proItem.FZD_DJD

kingrome2009·2020-07-07 12:35

解决微信小程序自定义弹窗，滑动导致底部也一起滑动的几种方案

在开发小程序中，自定义弹窗上面滚动，导致底部也一起滑动如左图，接触黑色阴影，会导致底部也一起滑动解决方案，我总结了以下几种1、控制底部根目录scroll-view的scroll-y属性的true/false

gzyzwx·2020-07-07 08:00

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

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

carrykingdow·2020-07-05 13:25

taro中无法获取组件节点信息解决办法

最近小程序改版想尝试下taro，其中的一些坑也分享一下业务场景：设计稿如下，上面是一个图片列表我们被想用scroll-view包裹在最外层，下面是个tabbar，由于其他的一些业务需求这个tabbar是我们自定义

幻想山外小楼听雨·2020-07-05 02:44

字节小程序关于在安卓机型下input聚焦时内容被撑走

关于字节小程序在安卓机型下某些情况input聚焦时内容被撑走在写字节小程序的时候，应业务要求用到了scroll-view来做滑动试图容器高度撑满整个屏幕用来锚点定位或者滚动到多少距离显示某些内容。

阿政想暴富·2020-07-04 18:00

微信小程序滚动Tab选项卡：左右可滑动切换

一、wxml结构tab标题因一排八个，所以使用scroll-view组件，使其可横向滚动。tab内容可左右滑动切换，使用swiper组件实现为了偷懒，所以数据都通过wx:for遍历重复出来。说明：1

Sophie_U·2020-07-04 08:15

uniapp scroll-view 隐藏滚动条的问题

我用scroll-view的时候：用手机模拟器和小程序查看的时候并没有出现滚动条，真机运行的时候出现滚动条，用h5直接看的时候出现滚动条，我发现的解决办法有两种：1.在app.vue的style里面外部链接

安素白·2020-07-02 12:34

微信小程序固定标签导航，点击标签滑动到相应内容，滚动内容切换相应标签

{{item}}首先解析一下scroll-view视图容器的一些属性，scroll-y="true"表示允许纵向滚动，s

憨虫子·2020-07-02 10:01

uni-app 问题回顾

uni-app问题回顾1.scroll-view无法横向排列将scroll-view的子元素的class设置为display:inline-block;2.自定义tabbaruni-app的tabbar

我是杰仔zone·2020-07-02 05:12

uni-app双排一起滑动--两行同步滑动

效果如下所示，就是两行列表同步滑动：这个横向滚动肯定还是用scroll-view组件，重要的是里面item样式排列，要用到flex布局：......scroll-view{white-space:nowrap

慢半拍、·2020-07-02 03:14

uni-app吸顶+带动画滑动的tabs导航栏

需求就是两点：1，页面滚动到该导航位置吸顶2，导航tabs切换带动画，包括下划线效果如下：首先是可滑动，用scroll-view实现，然后吸顶效果是在Dcloud是在市场找的，下划线滑动动画是插件市场这个插件改来的

慢半拍、·2020-07-02 03:42

05_微信小程序之scroll-view下拉刷新以及上拉加载

05_微信小程序之scroll-view下拉刷新以及上拉加载一.布局确定由于在微信小程序中,每一个xml节点会被自动加上page标签,而page标签默认是高度自适应,并且可以滑动的,所以为保证滑动不会冲突

andr_gale·2020-07-02 01:21

微信小程序开发——填坑之旅（1）

(1)scroll-view采用flex是不起作用的，建议在scroll-view里再套一层view，对这个view采用flex（2）研究网络请求（需要传递参数的请求）花了两天，只能说实现了，但不是完美的方法

fengcai0123·2020-07-01 23:04

使用微信小程序组件需要注意的点

1、页面滚动元素可使用scroll-view，但是此组件本身的滚动事件会阻止页面回弹，导致无法触发onPullDownRefesh。

百里宝宝·2020-07-01 22:04

微信小程序下拉刷新上拉加载的两种实现方法

微信小程序下拉刷新上拉加载的两种实现方法，1、利用"onPullDownRefresh"和"onReachBottom"方法实现小程序下拉刷新上拉加载，2、在scroll-view里设定bindscrolltoupper

_嗯_哼_·2020-07-01 17:09

小程序练习(1)

小程序中点击返回顶部的实现wxml12345678//返回顶部的按钮wxss//scroll的高度100%scroll-view{width:100%;height:100%;}//给返回顶部的按钮加固定定位

lin--0808·2020-07-01 14:56

小程序实现淘票票选场次轮播功能

一、效果图预览，非gif二、通过swiper实现头部海报轮播3}}">三、使用scroll-view实现日期切换{{timeFom.formatTime(tabItem.day)}}四、底部场次选择渲染

TaTaPark·2020-07-01 13:23

微信小程序scroll-view横向滚动的布局

关键属性：white-space:nowrap;box-sizing:border-box;属性说明：white-space:让滚动的view横向摆放，不换行box-sizing:让滚动处在父布局内https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizingdemo：.wxss/*设置包裹*/.out{background:#ddd;pad

carlZzzzzzz·2020-07-01 12:07

uniapp scroll-view

https://uniapp.dcloud.io/component/scroll-view...在tabbar页面中使用100vh.containerpositionrelativedisplayflexflex-directioncolumnoverflowhidden/*#ifdefH5*/heightunquote('calc(100vh-var(--window-bottom))')/*

Ajanuw·2020-07-01 10:00

uni-app实现滑动切换效果

对于这种功能，为单独封装成功组件，方便每个页面都能用到，tab顶部导航栏页面布局，使用uni-app提供的scroll-view

小周sri的码农·2020-07-01 09:11

微信小程序切换选中状态

那么我们如何在小程序中实现一个，区域可以左右滑动的tab栏选中效果：首先我们要使用微信小程序提供的scroll-view视图标签；实现的主要思路是根据每一项的index值，动态改变idx值，当index

~倾半世阳光·2020-07-01 03:58

微信小程序滑动删除效果

wid=80最初打算使用scroll-view实现，效果好、流畅、有惯性滑动，但由于滚动条没法去掉、无法实现上下层的帧布局，最终放弃了。还是自己写个吧，利用手势事件。

zuoliangzhu·2020-06-30 19:57

解决微信小程序Scroll-view组件flex布局不生效

解决项目中碰到的一个问题：Scroll-view组件flex布局不生效解决办法：设置scroll-view组件的enable-flex{{item.catalog}}"{{item.title}}"

前端小端长·2020-06-30 13:56

微信小程序wxss设置样式说明文档

微信小程序界面结构wxmL比较容易理解，微信小程序主要是由八大类基础组件构成：一、视图容器(ViewContainer)：二、基础内容(BasicContent)组件名说明组件名说明view视图容器icon图标scroll-view

陪代码一起浪迹天涯·2020-06-30 11:39

微信小程序中 scroll-view 属性 bindscrolltolower 事件触发不生效

最近做公司微信小程序的项目时遇到的问题记录一下文帝防止日后出现相同的错误问题所在：处理滚动到底部触发滚动到底部事件(bindscrolltolower)的时候并没有生效！经过多方面的资料排查，以及官方文档的查询终于解决了本人的困惑//手指滑动到底部后触发'触底刷新加载更多操作'bottomRefresh(){console.log('到达底部了,加载更多电影文件内容')},必须要设置scroll-

xutongze·2020-06-30 04:00

微信小程序（组件--视图组件案例）

（1）滑块视图容器swiper和滑块swiper-item组件（2）小程序scroll-view实现横向滚动导航（3）scroll-view满屏滚动（4）滚动Tab选项卡（1）滑块视图容器swiper和滑块

模特·2020-06-29 20:33

小程序 scroll-view滑动穿透问题

不废话，上方法：让这个整体不超过设备的显示的高度，也就是说不让滚动轴显示出来，而滑动的时候只是滑动scroll-view区域当遮罩层出来的时候，滑动遮罩层里面的scroll-view的时候，给底部的scroll-view

逝年_2e92·2020-06-29 20:42

微信小程序实现导航栏和内容上下联动功能代码

github地址：https://github.com/sunshime/weChatSkill一、效果图：二、实现过程：主要是使用scroll-view实现导航栏部分，用swiper实现下面的内容部分

·2020-06-29 15:11

一些uni-app踩的坑和实用方法

1、在H5中，scroll-view的scroll-x和scroll-y属性、checkbox的checked属性，即使设置为false这个值，依然可以滑动或者选中，并不会禁止，只有不设置这些属性，才会禁止

dense fog丶·2020-06-29 15:21

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

记录下，昨日测试组提出的bug，说是在进行输入详情时，会有根竖线，当你输入内容超过本身输入框的高度，滚动条自然出现，但是随着你字数的增加，滚动条没有消失，具体这是测试组的小伙伴的原话；简而言之不就是隐藏滚动条嘛，看喔分析的对吧？未修改前：修改后：做法：在该页面的样式类中加入改行，即可::-webkit-scrollbar{width:0;height:0;color:transparent;}ps

大白兔码奶糖·2020-06-29 11:42

小程序开发踩坑记录（五）——模拟实现底部tabbar和下拉刷新功能（解决安卓端打开下拉刷新功能后fixed元素失效问题）

为解决这个问题，笔者使用scroll-view组件自制下拉刷新功能，使用position:fixed自制底部tabbar，基本解决（或者

丨王小烦丨·2020-06-29 11:00

小程序bindscrolltolower上拉加载更多快速划到底不触发解决

scroll-view在Android下快速上拉触底后不触发bindscrolltolower~bug问题描述：在安卓环境下，列表快速上拉进行滚动加载更多，会出现卡在低端不进行加载现象，需要在卡住的位置重新下拉一小段距离再重新上拉加载才可以加载出数据

高磊拒绝做个菜鸟·2020-06-29 10:02

微信小程序scroll-view bindscrolltoupper & bindscrolltolower不响应的问题

小程序小坑之一：在使用scroll-view的时候，发现滚动到顶部或者底部的时候，即使有设置bindscrolltoupper=”upper”和bindscrolltolower=”lower”两个属性

laiyituan·2020-06-29 08:43

推荐频道

scroll-view