scroll-view 第11页

微信小程序：scroll-view自动滚动到最底部，附view标签滚动到底部方法

小程序API中有scroll-view标签组件，该组件有个方法：scroll-into-view（值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该

如此如此。·2020-09-17 06:57

微信小程序长列表组件recycle-view的用法（scroll-view组件不适用于加载大量分页数据，加载到几十页的时候会出现白屏）

背景使用此组件需要依赖小程序基础库2.2.2版本，同时依赖开发者工具的npm构建。具体详情可查阅官方npm文档。目前小程序会有不少的应用场景里会用到无限长列表的交互，当一个页面展示很多信息的时候，会造成小程序页面的卡顿以及白屏。因此就有长列表组件来解决这些问题。1.安装组件npminstall--saveminiprogram-recycle-view2.在页面的json配置文件中添加recycl

梅米儿·2020-09-17 06:51

微信小程序解决同个页面两个scroll-view独立滚动的问题

微信小程序解决同个页面两个scroll-view独立滚动的问题以及简述vhvwcalc和他们的使用之处关键代码scroll-view中加入style=“height:calc(100vh)”下面来介绍一下

MelroseQ·2020-09-17 00:55

小程序scroll-view及wx-request获取api数据

1.小程序内静态页完成及样式处理//index.wxml电影哥斯拉//index.wxss.movie-showing{padding:20rpx;background-color:#42bd56;}.movie-top{color:white;font-size:36rpx;margin-bottom:20rpx;}.movie-item{width:100%;display:flex;heig

lemon94924·2020-09-16 23:43

微信小程序scroll-view 横向和纵向scroll-view组件

scroll-view为滚动视图，分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。

午夜灬玫瑰焰·2020-09-16 22:04

小程序scroll-view中使用fixed定位问题

scroll-view中尽量少用fixed定位，安卓显示正常，ios只显示scroll-view的范围,logo的上半部分消失之后把用了fixed定位的logo没有放在scroll-view的下面，而是同级

问题制造者。·2020-09-16 18:02

小程序点击回到顶部

一丶scroll-view标签包裹的回到顶部1.标签上增加两个事件bindscroll=“scrollPosition”scroll-top="{{topPosition}}"我是滚动区域data:{showBackTop

hql丶1024·2020-09-16 15:38

uni-app组件、网络请求

属性说明*indicator-dots：是否显示面板指示点*autoplay:是否自动切换*interval:自动切换时间间隔实例：scroll-view可滚动视图区域补充：不换行：white-spa

li_yan_·2020-09-16 13:07

小程序列表页tab切换swiper并滚动到上次位置

而且页面滑动页有对应的scroll-view组件使用

this_ITBoy·2020-09-16 12:53

小程序采用Scroll-view实现瞄点，不兼容input标签解决方法

小程序采用Scroll-view实现瞄点，不兼容input标签解决方法1、原来采用的方法上述为了测试scroll-view与input在安卓端不兼容，实验测试确实是不兼容。

Ka、·2020-09-15 18:01

爬white-space: nowrap换行的坑

今天在做scroll-view滑动时遇到了这个不换行的坑。要实现的效果是这样子的。我的一条数据以一块状的型式展示的。我要做向左滑动删除的功能。（欢迎小伙们看到的点赞留言我第一时间回复。）

兄弟连勇闯天涯·2020-09-15 10:21

uniapp隐私政策锚点

大多数时候，锚点都是用a链接结合ref实现，但是uniapp开发的小程序不支持，会报错，所以只能用自带的scroll-view，不要以为他只是一个可以滚动的容器，它真的有这个功能，接下来看看吧！

春晨秋遇·2020-09-15 07:38

uniapp中监听scrool-view滚动和设置样式的一些总结

@scroll是可以监听页面滚动的uniapp内置函数methods:{scroll(event){//距离每个边界距离console.log(event.detail)}}但必须给scroll-view

SeeUa·2020-09-15 07:11

uni-app之nvue的使用详解

原生组件不能嵌入特殊前端组件(如scroll-view，swiper)。原生

学映月圆·2020-09-15 07:00

使用uniapp如何实现锚点定位和滚动监听功能

一、如何实现锚点定位在scroll-view组件中有一个scroll-into-view属性：（值应为某子元素id。设置哪个方向可滚动，则在哪个方向滚动到该元素）。

pgzero·2020-09-15 07:24

小程序采坑（七）video，视频固定顶部，和腾讯视频一样的效果实现

这里我们不用fixed属性，而是把页面分为两部分，上部分为视频，下部分为滚动区域，滚动区域用scroll-view包裹，给scroll-view组件设置固定高度，并在在页面的json文件中设置禁止页面滚动就可以啦

晓凤凤·2020-09-15 06:29

微信小程序添加元素时让滚动条保持在底部

微信小程序添加元素时让滚动条自动滚动到底部开发微信小程序遇到需要动态渲染列表项,并让滚动条跟随内容的增加一直保持在最底部.方法如下:在scroll-view元素最底部添加一个id=“scrollBottom

樵得樵眼笑眉舒·2020-09-15 01:10

【微信小程序】view顶部固定或底部固定 + scroll-view中的元素view也可以使用position:fixed;固定选中元素位置...

1.顶端固定核心代码如下:......2.底端固定核心代码如下:......转载：https://blog.csdn.net/qq_28988969/article/details/76673708转载于:https://www.cnblogs.com/sxdcgaq8080/p/9922248.html

weixin_33824363·2020-09-14 20:15

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

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

weixin_34389926·2020-09-14 16:59

小程序自定义下拉刷新（Taro版）

然后我们通过scroll-view的scrollToUpeper事件来标记开始下滑。通过touc

weixin_34117522·2020-09-14 08:50

微信小程序自定义 scroll-view 滚动条

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

xianshengwen·2020-09-13 23:59

微信小程序局部上拉刷新和触底刷新

即页面翻滚到一定高度时触发刷新动作第一种触底刷新，微信小程序有提供相应的函数onReachBottom:function(){}在触底时会触发onReachBottom，然后把需要实现的功能写入函数里即可第二种局部触底刷新，利用wxml的scroll-view

取名点数增加的boy·2020-09-13 23:34

微信小程序取消scroll-view滚动条

/*取消滚动条*/::-webkit-scrollbar{width:0;height:0;color:transparent;}

liuliuyn·2020-09-13 22:52

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

微信小程序隐藏scroll-view滚动条/*隐藏滚动条*/::-webkit-scrollbar{width:0;height:0;color:transparent;}

美团外卖兼职前端菜鸟·2020-09-13 21:13

uniapp 电商小程序页面级下拉刷新与scroll-view组件级下拉刷新

下拉刷新功能下拉刷新功能是指在当前页面重新刷新页面，调取数据的过程。uniapp官网中，关于下拉刷新是有API的。此API有3个函数。分别如下介绍：页面级的下拉刷新事件onPullDownRefresh——监听用户下拉刷新事件如果你的页面中，下拉刷新是需要用户手动执行，则可以通过这个函数进行下拉刷新。这个也是我这边经常用到的。使用此API有两个满足条件。需要在Page.json中，相应页面中的st

yehaocheng520·2020-09-13 09:37

微信小程序开发之scroll-view上拉加载数据实现

一、开发思路1、使用小程序的scroll-view组件中提供了一个bindscrolltolower属性监听组件的滑动到了底部https://developers.weixin.qq.com/miniprogram

省钱兄·2020-09-13 09:31

uniapp scroll-view

scroll-view中的包裹需要滑动的元素的大盒子用display:flex;是没有作用的；3.scroll-view中的需要滑动的元素要用dislay:inline-block;进行元素的横向编排；4.包裹scroll-view

glorydx·2020-09-13 08:37

uniapp scroll-view组件左右滑动效果展示

scroll-view组件左右滑动效果要求：在页面中，组件一开始在中间靠右侧部分，手指/鼠标滑动时，组件会过渡到左侧，如果在组件内容滑动到左侧时，组件会缩回到右侧。很乱是吧？

yehaocheng520·2020-09-13 07:44

小程序scroll-view组件使用时，子元素虽设置样式display:inline-flex;whit-space:nowrap

小程序scroll-view组件使用时，子元素虽设置样式display:inline-flex;whit-space:nowrap转载于:https://www.cnblogs.com/caicaizi

林尧彬·2020-09-12 17:41

实习日志Day6

使用竖向滚动时，需要给scroll-view一个固定高度，通过WXSS设置height。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。属性类型默认值必填说明

信管117102曾燃亮·2020-09-12 14:47

实训Day06学习日志

scroll-view可滚动视图区域。使用竖向滚动时，需要给scroll-view一个固定高度，通过WXSS设置height。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。

阿栋_·2020-09-12 12:14

记微信小程序踩过的一些坑

原生组件还无法在scroll-view、swi

云歌Yg·2020-09-12 11:18

微信小程序scroll-view高度设置及scroll-into-view的使用跳转

用到组件：scroll-view第一个误区：height不能使用百分百。（实践可用百分百。不必要非用rpx或者px）目前完成了点击添加索引class显示效果，及右侧分类跳转相应位置。

章鱼no丸子·2020-09-11 20:03

基于玩安卓api微信小程序项目开发

主要功能点自定义标题栏tabs+swiper联动双scroll-view联动自定义component及数据传递，事件传递项目截图首页[图片上传中...

androidman·2020-09-11 18:08

微信小程序wxss设置样式

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

qq_42335551·2020-09-11 16:12

微信小程序-CSS问题汇总

1在使用scroll-view横向滚动时，各个子元素之间错位！

alex_xiao1223·2020-09-11 08:04

uni-app中scroll-view的高度

需要做一个点击弹出列表的模态框，这个列表可以下拉滑动1、代码{{form.organizationName}}{{item.name}}在这里，我给scroll-view设置的固定的高度，如果想给它设置动态高度

LLL_LH·2020-09-11 07:29

uni-app scroll-view的滑动事件无法触发的问题

template:{{text}}component2style:page{background-color:#FFFFFF;height:100%;font-size:11px;line-height:1.8;}.container{width:100%;}.component2{width:100%;height:2000upx;background-color:#999999;}滑动页面，控

weixin_42028778·2020-09-10 20:34

小程序使用scroll-view实现上拉加载，下拉刷新

如图，使用小程序的scroll-view实现的上拉加载数据，下拉刷新数据，试下代码如下：js文件代码：varurl="http://192.168.30.4:8080/gtxcx/carrier/ge

王慧永·2020-09-10 18:52

【微信小程序】scroll-view，让页面不能下拉刷新的原因

我用了scroll-view标签来作为整个页面的容器，内容多，方便浏览，这时就发现下拉刷新不了，所以怎样下拉刷新+页面支持下滑？

winrh·2020-09-10 16:40

小程序 scroll-view 下拉刷新

JSconstapp=getApp()Page({data:{arr:[],triggered:false,},onReady:function(){constarr=[]for(leti=0;i{this.setData({triggered:true,})},1000)},onPulling(e){console.log('onPulling:',e);console.log("onPulli

一天28小时·2020-09-10 11:09

uni-app微信小程序scroll-view自定义下拉刷新

如果你需要自定义下拉刷新，那么使用page级别的下拉刷新是无法定制样式的，微信提供了scroll-view来支持用户自定义下拉刷新，先看文档：https://developers.weixin.qq.com

zhuxiandan·2020-09-10 11:30

微信小程序 view组件显示在scroll-view上方

设置cssview的z-index为1.u{margin-top:-30px;position:absolute;z-index:1;background-color:rgb(175,215,252);text-align:center}

weixin_40938312·2020-08-26 23:58

小程序textarea顶层显示的bug

请勿在scroll-view、swiper、picker-view、movable-view中使用textarea组件。场景textarea在聚焦时会定位到上个

weixin_34360651·2020-08-26 23:43

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

目标是为了一行可以滑动地区显示很多文字，查了下资料发现可以设置一行隐藏，或者直接显示…，都可以，但是我这边需要把多余的文字也展示出来，而且不能改变样式，话不多说直接上效果：手动滚动人的一生只有5%是精彩的，只有5%是痛苦的，另外的90%是平淡的;人们往往被5%的精彩诱惑着，忍受着5%的痛，在90的平淡中度过.test_display{font-size:35rpx;vertical-align:m

李科龙·2020-08-26 23:20

微信小程序textarea的内容随着屏幕上下移动的问题

1、textarea的内容随着屏幕上下移动而移动：解决办法:检查textarea是否写在了scroll-view、swiper、picker-view等里面。

Dove言和·2020-08-26 23:11

小程序列表页实现回到顶部按钮

预览scrolltop.gif思路1.通过控制scroll-view的scroll-top属性值，设定它为0，就能回到顶部。

黄秀杰·2020-08-26 14:26

微信小程序中 scroll-view触底事件不触发的解决方法

scroll-view组件是否设置了确定的高度，若没有请设置scroll-view组件的lower-threshold参数是否带了单位，若带了单位如px、rpx等，请去除，只使用数值。

渔父歌·2020-08-26 07:40

小程序在IOS下，scroll-view组件内子view排列错行，没在一条水平线上

在scroll-view组件内子view加上vertical-align:top;顶部对齐就可以了

qq_41981057·2020-08-25 17:47

小程序组件之scroll-view

参考官方文档APIscrollview属性属性名作用参数值scroll-x设置是否允许横向滚动true/false默认是falsescroll-y设置是否允许纵向滚动true/false默认是falsescroll-top设置纵向滚动条的位置numberscroll-left设置横向滚动条的位置numberscroll-into-view设置滚动到那个控件，前提要给scroll里面设置控件ID传控

技术引领者·2020-08-25 17:57

推荐频道

scroll-view