scroll-view 第4页

动态设置scroll-view的高度以及隐藏滚动条

//获取#header的高度varquery=wx.createSelectorQuery();//选择idletthat=this;query.select('#header').boundingClientRect(function(rect){console.log("获取头部的高度成功");that.setData({headerHeight:rect.height});}).exec()

前端来入坑·2023-09-29 01:24

uniapp实现侧边导航联动效果

功能的核心技术要点：scroll-view作为视图容器，及其属性scroll-into-view,用于完成左侧点击联动uni.createSelectorQuery().selectAll();获取右侧所有元素信息

_无妻徒刑·2023-09-28 09:08

微信小程序使用scroll-view 标签实现内容上下或左右滑动

scroll-view标签微信官方介绍scroll-view标签属性:scroll-x为x轴(左右滑动),scroll-y为y轴(上下滑动)左右滑动scroll-view标签需要设置white-space

湾流~·2023-09-27 14:20

小程序解决自定义弹窗滚动穿透问题，解决弹窗背景内容滚动问题

方法三、底部内容区使用scroll-view（完美解决上面两种方法的弊端）底部内容/***生

chendawen2014·2023-09-26 09:41

解决微信小程序滚动条卡顿的问题

使用微信小程序提供的scroll-view组件注意：这里的scroll-view必须指定高度使用scroll-view实现滚动时,外部的父容器需要添加overflow:scroll样式原因：1.scroll-view

T3165919332·2023-09-24 14:29

uniapp滚动页面改变背景颜色

可以利用uni-app自带的组件scroll-view，结合@scroll事件实现滚动时改变背景颜色的效果。

&ACE&·2023-09-24 01:13

uni-app, 实现 scroll-view 自动滚动到底部，并控制触发频率

实现思路通过scroll-view组件的scroll-top属性可以设置容器竖向滚动条位置属性名Valuescroll-y允许纵向滚动scroll-top设置竖向滚动条位置想要实现scroll-view

天边月_·2023-09-23 13:05

uniapp中如何隐藏scroll-view的滚动条

1.我们在使用uniapp的scroll-view组件的时候，它经常会出现滚动条，如下图所示。2.那么我们该如何去解决呢？

物语染星辰·2023-09-22 20:28

微信小程序使用scroll-view自定义下拉刷新

前言：很多朋友在进行小程序开发时，需要做下拉刷新功能，大部分人是直接使用系统的下拉刷新功能的。在.json文件中设置{"enablePullDownRefresh":true}使用onPullDownRefresh()监听用户下拉操作，实现刷新操作；在这里插入图片描述也可以通过wx.startPullDownRefresh和wx.stopPullDownRefresh触发和关闭页面下拉刷新；一般人

小猴猴_2d25·2023-09-20 10:21

小程序和uniapp中scroll-view触底加载

scroll-view使用懒加载：属性：scroll-xBooleanfalse允许横向滚动scroll-yBooleanfalse允许纵向滚动事件：@scrolltoupperEventHandle滚动到顶部

前端小凯·2023-09-18 07:55

【微信小程序】scroll-view的基本使用

|scss里面的.item:nth-child(1)index.wxml明星茶index.scss.scroll{padding:60rpx30rpx;scroll-view{white-space:nowrap

进阶的CC·2023-09-18 06:28

uni-app scroll-view设置scrollTop为0返回顶部不生效

组件属性设置不生效解决办法：每次将scroll-view组件的scroll-top属性值设置为0，只有第一次能顺利返回顶部。

维他命Coco·2023-09-16 07:31

微信小程序解决当套在scroll-view中后 wx.pageScrollTo 函数失效问题解决

pageScrollTo只是页面的API他对scroll-view的滚动是无法控制的但是scroll-view也提供了一个scroll-into-view属性我们编写一个小案例wxml参考代码如下回到指定位置指定位置回到指定位置

-耿瑞-·2023-09-14 02:53

微信小程序里隐藏scroll-view组件的滚动条

在wxss文件里添加如下样式即可隐藏页面里scroll-view组件的滚动条/*隐藏滚动条*/::-webkit-scrollbar{width:0;height:0;color:transparent

代码使劲儿搬·2023-09-12 05:58

uniapp和微信小程序的区别

1、页面标签基本相同view，text、scroll-view，input、picker、swiper等等2、api基本相同,wx换成uni即可原生写法：wx.request、wx.showModal、

仰淮·2023-09-10 23:55

uniapp，解决scroll-view嵌套scroll-view，被嵌套的scroll-view无法触发下拉刷新问题

在被嵌套的scroll-view中再嵌套一层view并且设置`min-height:calc(100vh+1rpx);...

MichstaBe Stars·2023-09-10 19:04

小程序实现下拉刷新

小程序实现下拉刷新可以通过使用组件scroll-view和事件onPullDownRefresh来实现。

&ACE&·2023-09-10 01:50

uni-app 小程序数据刷新不及时解决办法

场景：点击数据头像获取对应的日期时间顶部是swiper展示的日期下面是scroll-view做的列表展示点击文字、头像，可以发送当前选中的日期到后台首次进来点击没问题，可以获取到，但是切换到任意日期，第一次点击还是获取的首次日期

时间轴-小文同学·2023-09-08 13:36

uniapp 完美解决苹果和安卓 input 框遮挡兼容问题

效果展示解决问题HTML部分（结构很重要）{{item}}CSS部分.content{position:relative;height:100vh;overflow:hidden;}.scroll-view

shaoin_2·2023-09-08 06:45

微信小程序开发---基本组件的使用

目录一、scroll-view（1）作用（2）用法二、swiper和swiper-item（1）作用（2）用法三、text（1）作用（2）使用四、rich-text（1）作用（2）使用五、button（

菜到极致就是渣·2023-09-08 04:54

在scroll-view中使用u-charts，滚动图表

1、问题直接在scroll-view中使用可滚动的图表，图表是无法滚动的，图表的滚动事件和scroll-view的产生了冲突2、解决方式u-charts设置inScrollView为true，表示图表存在于

jsmeng626·2023-09-08 04:41

uni-app 之 scroll-view和swiper

uni-app之scroll-view和swiper里必须要有一个盒子，不能有两个，这里的盒子就是view-->跳转到新页面VerticalScroll\n纵向滚动点击这里返回顶部ABCHorizontalScroll

jun_tong·2023-09-06 14:58

[uni-app] scroll-view中吸顶的简单做法 - overflow-y: auto；

记录一个css技巧overflow-y:auto;效果这是吸顶view这是滚动view要实现scroll内部,.top吸顶,.content内容上下滚动的效果,只要在.content添加overflow-y:auto;.content{overflow-y:auto;}overflow-y官网描述

iOSTianNan·2023-09-06 00:56

uni-app scroll-view 怎么去除滚动条

写的一个nav导航滚动效果，在微信开发者工具上面，滚动的体验效果和视觉效果上没有任何问题，然后再自己的手机上打开体验这个功能，滚动的时候滚动条就出来了，对于我个人而言是无所谓的，但是做产品是面向客户的，效果的好坏决定你的产品是否可以留住用户。这个滚动的不好影响：视觉效果不是很好解决方法：方法一：uniapp官方文档里面有说明标签的属性里面是有一个控制滚动条的属性，将属性打开即可。方法二：就是通过穿

过了个羊·2023-09-05 11:27

uniapp 处理分页请求

我想到的目前有三种（1）页面滚动：直接使用onReachBottom方法，可以监听到达底部（2）scroll-view滚动：它的@scrolltolower方法，可以监听到达底部（3）某个元素：设置了固定高度和

tengyuxin·2023-09-05 05:04

小程序进阶-下拉刷新和上拉加载

目前，有两个比较实用的方法，第一种是使用scroll-view组件，第二种是使用onPullDownRefresh和onReachBottom整个页面的刷新。scroll-view可滚动视图区域。

光图强·2023-09-05 03:45

小程序学习之路三：让scroll-view容器内的内容自动滚动到底部

案例:消息列表充满屏幕的时候，底部永远要展示新消息，也就是说要让最新的数据自动向上滚动，这需要用到scroll-view的一个属性，scroll-top：设置竖向滚动条位置，效果如下：QQ20190627

liluo风·2023-09-03 16:16

微信小程序自定义组件,父传子，子传父，默认插槽，具名插槽

小程序有许多的内置组件，比如之前学习过的view、image、scroll-view、swiper等，除此之外小程序也允许开发者自定义组件。

←_→·2023-09-02 16:09

记录：uniapp中的uni-datetime-picker 在ios设备被遮盖覆盖的问题

以为是z-index层级的问题，找问题找bug找了一上午，最后发现：在我的项目中，在这个uni-datetime-picker最外层还套了一个scroll-view，去掉scroll-view问题解决，

ChoneyLove·2023-09-01 18:40

微信小程序scroll-view隐藏滚动条参数不生效问题

先看文档如何隐藏滚动条：再根据文档实现wxml文件：11111这个代码会创建有1000行的scroll-view，然后通过show-scrollbar隐藏了滚动条，如果不出意外应该效果和预料的一致，但是呢

皮皮高·2023-09-01 08:32

微信小程序scroll-view去掉滚动条

微信小程序scroll-view去掉滚动条解决方案一：微信官方文档上面给出了显示和隐藏滚动条的属性show-scrollbar，把该属性设置为false，文档要求使用该属性要开启enhanced属性，把这个属性设置为

易de·2023-09-01 01:52

微信小程序:好看的表格样式

，先看下设计图：（画的真好看）设计图然后再看下数据返回的格式：数据返回格式这数据...o.0...分析数据得知，后台返回的数据远比设计图上描绘的复杂，内容是不固定的，而且需要显示一周的排班个人思路：用scroll-view

程序员林·2023-08-31 17:37

小程序组件 scroll-view

小程序组件scroll-view中分别有上下竖向滑动和左右横向滑动之分，在这次项目中刚好需要用到横向滑动，但在测试过程中发现横向滑动没有了效果（静止在那里没移动过），经调试发现：scroll-view中的需要滑动的元素不可以用

童话镇里蜿蜒的河·2023-08-30 05:47

微信小程序实现美团外卖菜单分类,左右联动效果

最近项目要求写一个美团菜单分类左右联动的需求记录一下1,首先需要使用到scroll-view组件左右2边都需要滑动直接上代码scroll-into-view值应为某子元素id（id不能以数字开头）。

@喵咪·2023-08-30 02:17

微信小程序实现商品数据联动

js部分：//pages/demo1/demo1.js//存放右侧分类的高度累加数组varheightList=[];//记录scroll-view滚动过程中距离顶部的高度vardistanceToTop

只会cv的小前端·2023-08-30 02:46

scroll-view 组件里的 scroll-into-view 属性实例

微信小程序的scroll-view组件中，scroll-into-view属性可以指定滚动到指定id的位置。

joe0235·2023-08-29 17:27

微信小程序 scroll-view 组件的 bindscroll 不触发不生效

使用微信小程序基础组件中的scroll-view，但是滑动的时候bindscroll一直不生效。

joe0235·2023-08-29 17:24

小程序scroll-vew高度设置

小程序scroll-view的高度多少才不会出现页面滚动条wxml代码：wxss代码：.top{height:100rpx;background:green;}.red{height:400rpx;background

qjsxq·2023-08-29 16:31

小程序scroll-view

Scroll-view一些对应的属性小程序横向导航滚动切换遇到的一些问题开始不能滚动已经设置scroll-view="true"但是滚动导航不可以左右滚动百度搜了一下要设置一下scroll-view的样式

Remember_柏查·2023-08-29 12:43

[uniapp] scroll-view 简单实现 u-tabbar效果

效果图方案官方scroll-view进行封装配合属性scroll-leftNumber/String设置横向滚动条位置即可scroll-into-view属性尝试过,方案较难实现踩坑1.scroll-view

iOSTianNan·2023-08-26 09:45

Uniapp flex布局失效

当scroll-view的scroll-x的属性为"true"时候，flex布局失效scroll-view添加`overflow:hidden;white-space:nowrap;`属性view添加`

web.yoyo·2023-08-25 01:54

uniapp 滚动到指定元素的位置(锚点)

最简单有效的方式（直接复制改数据就行）使用scroll-view标签的属性：scroll-top(距离值num)或scroll-into-view(子元素的id,不能以数字开头string);你渲染的内容点击事件

路过的假面骑士dcd·2023-08-24 23:10

vue uni-app,弹框弹窗滚动、滑动页面穿透

定义空事件2、如果弹框内部还有滚动列表，则可以使用scroll-view,并设置scroll-y="true"scroll-view不会受到@touchmove.stop.prevent="preventHandler

飞歌Fly·2023-08-24 10:45

uni-app在app端设置下拉刷新不生效

我这只小菜鸡，完全不知道view和scroll-view是不一样的！

会飞的猪0629·2023-08-23 22:48

西安未央·2023-08-23 13:17

uniapp中scroll-view滚动失效解决方法

1.预测失效原因scroll-view包裹的view高度设定的是百分比，到手机上无法正常获取高度2.解决办法，写死view的高度获取手机屏幕的高度，然后减去其它view的高度。

我要长头发！·2023-08-22 08:28

uniapp scroll-view横向滚动无效，scroll-view子元素flex布局不生效

3.子元素需要设置display:inline-block（行内块元素）属性，scroll-view需要设置white-space:nowrap（不换行）当使用scroll-view横向滚动的时候一般场景都是有多个子元素

蕉君桑·2023-08-22 08:57

微信小程序 scroll-view 完成上拉加载更多

在小程序中，我们可以借助scroll-view来实现这个功能，当然也可以使用别的方法来实现。需求：当我们浏览到屏幕末尾时，加载出下一页的内容。注意实现细节：1、由于采用的是scroll

huan_1993·2023-08-21 15:18

【微信小程序】在scroll-view中显示导航条

首先，在scroll-view外部创建一个导航条的view元素，设置其样式和位置，例如：在导航条的view元素中添加导航项，可以使用wx:for遍历数据列表，并使用wx:key指定一个唯一的键值：{{item

全面解读·2023-08-21 15:47

微信小程序卡片横向滚动竖图

滚动并不是使用swiper，该方式使用的是scroll-view实现Swiper局限性太多了，对竖图并不合适从左往右滚动图片示例wxml代码：最新内容>js代码：Page({data:{background

Garc·2023-08-20 15:29

推荐频道

scroll-view