scroll-view

uni-app scroll-view 仿饿了么菜单关联滚动

效果如下：视频如果是视频列表可以参考http://t.csdn.cn/pawUtscroll.vue页面{{item.name}}根据自己的逻辑来写{{item.name}}{{child.name}}根据自己的逻辑来写importscrollListfrom"./scrollMixin.js";exportdefault{mixins:[scrollList],name:'',component
啊柒_·2023-03-11 17:48

uni-app中，页面滚动时video组件错位的问题

这可能是一个比较啰嗦的陈述，这个问题反复处理了好久1、最开始，最外层列表没有给定高度，条目过少的时候会撑不开，背景不能充满整个页面背景无法充满页面2、给了一个scroll-view/使用overflow-y
Echo_前端·2023-03-10 16:20

uniapp和微信小程序的区别

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

微信小程序第二节 —— 自定义组件。

微信小程序官方也定义了很多组件如：scroll-view、view等。我们也可以自定义，下面让我来浅谈下自定义组件以及
是江迪呀·2023-03-09 11:16

微信小程序：小程序常见问题及解决方案

文章目录原生组件显示在遮罩层上面的问题scroll-view高度适配问题表单控件聚焦后页面上推问题小程序web-view页面返回到小程序页面原生组件显示在遮罩层上面的问题在小程序中使用原生的表单组件时，
淼清风·2023-02-24 12:43

uniapp使用scroll-view与swiper组件实现tab滑动切换页面

{{item.txt}}2233exportdefault{data(){return{currentTab:0,scoll:[{txt:'精选1'},{txt:'精选2'}],}}methods:{//滑动页面同步tab栏bindChange:function(e){this.currentTab=e.detail.current},//点击tab切换swichNav:function(e){v
子籽籽·2023-02-24 03:57

微信小程序实践中获得的知识（1）

1、局部滑动实现局部滑动不一定需要使用Scroll-view,可以采用（position:fixed;）使不需要滑动的其中一部分固定，其余部分pages中的内容是自己可以滚动的；2、避免多次点击相关链接方法一
晓霖筱·2023-02-18 15:28

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

微信小程序scroll-view隐藏滚动条方法.gif1.scroll-view中的需要滑动的元素不可以用float浮动使其一行展示；2.包裹scroll-view的元素如果用display:flex;
追逐繁星D孩子·2023-02-18 06:01

微信小程序无限滚动列表

先放效果图效果图代码截图wxmljsjs代码解释主体html其实东西很少，主要分为两部分：一个主体的view和一个长内容的scroll-view；当前项的内容都放置在scroll-view内，只有在scroll-view
寿木·2023-02-06 06:59

微信小程序 scroll-view 实现 滚动锚定

解决方案：采取scroll-view中的scroll-anchoring解决（仅在ios生效，安卓通过overflow-anchorcss属性解决）关键步骤：scroll-anchoringwx:key
pengkiw·2023-02-05 16:48

uniapp关于scroll-view一直自动滚动到底部的功能

文章目录scroll-into-view使用scroll-top使用需求：一般在scroll-view中会放置一个list列表，当列表条目增加的时候，使其自动滚动到底部显示最后一条官方文档：scroll-view
snotJam·2023-02-04 13:28

uniapp 上拉加载更多2种方式

然后在页面onReachBottom（）｛console.log('onReachBottom')｝上拉加载更多，方式一：//在scroll-view中lower-threshold='50'@scrolltolower
张小萍Becky·2023-02-03 11:22

uniapp几种实现下拉刷新的方式

在页面上监听下拉动作进行需要的操作ps：一定要手动停止刷新，否则会一直刷新自带刷新的优点：相对稳定，写法相对简单自带刷新的缺点：样式上固定的所以不能满足全部人的需求样式：二.使用srcoll-view下拉刷新组件代码：scroll-view
是蔡也是菜·2023-02-03 10:06

微信小程序分类菜单激活状态跟随列表滚动自动切换

这里主要用到微信小程序提供的SelectorQuery获取页面节点信息实现，组件用的是微信小程序的scroll-view逻辑就是获取右侧盒子的节点信息，获取右侧子分类的节点信息，当子分类滑动到顶部的之后
·2023-01-31 01:54

微信小程序分类菜单激活状态跟随列表滚动自动切换

这里主要用到微信小程序提供的SelectorQuery获取页面节点信息实现，组件用的是微信小程序的scroll-view逻辑就是获取右侧盒子的节点信息，获取右侧子分类的节点信息，当子分类滑动到顶部的之后
·2023-01-31 01:23

微信小程序 scroll-view 下拉组件，Ps:重复数据

使用scroll-view组件很多时候会有重复数据发生,到底怎么回事儿呢？
ConFront_C_Eng·2023-01-29 10:31

小程序 — scroll-view组件实现滚动

前言：这章我们使用小程序的scroll-view组件实现横向滚动和竖向滚动。
Ewall_熊猫·2023-01-28 07:24

微信小程序分类菜单激活状态跟随列表滚动自动切换

这里主要用到微信小程序提供的SelectorQuery获取页面节点信息实现，组件用的是微信小程序的scroll-view逻辑就是获取右侧盒子的节点信息，获取右侧子分类的节点信息，当子分类滑动到顶部的之后
fanction·2023-01-20 19:12

微信小程序实现分类菜单激活状态随列表滚动而自动切换效果详解

目录view结构js部分属性解释说明注意这里主要用到微信小程序提供的SelectorQuery获取页面节点信息实现，组件用的是微信小程序的scroll-view逻辑就是获取右侧盒子的节点信息，获取右侧子分类的节点信息
·2023-01-19 06:51

微信小程序开发：组件

文章目录小程序中组件的分类常用的视图容器组件view组件的基本使用scroll-view组件的基本使用swiper组件常用的基础内容组件button按钮的基本使用image组件的基本使用小程序中组件的分类小程序中的组件也是由宿主环境提供的
SY_0410·2023-01-13 07:31

uniapp使用scroll-view实现左右上下滑动功能

目录阐述实现左右滑动实现上下滑动去掉scroll-view的滚动条总结阐述我们在项目中往往都能遇到实现左右滑动跟上下滑动的需求，不需要安装better-scrolluniapp自带的scroll-view
·2022-12-26 15:39

小程序组件的基本使用

开发者可以基于组件快速搭建出漂亮的页面结构视图容器基础内容表单事件导航组件媒体组件map地图组件canvas画布组件开放能力无障碍访问1.2、常用的视图容器类组件①view普通视图区域类似于HTML中的div，是一个块级元素常用来实现页面的布局效果②scroll-view
为什么要学习·2022-12-19 11:35

uniapp开发中的uni.pageScrollTo()页面滚动

setTimeout(()=>{uni.pageScrollTo({duration:100,scrollTop:100//滚动高度，单位px，这里也可用选择器属性:selector:选择器})},50)区域滚动一般用scroll-view
天外飞雨道沧桑·2022-12-10 09:19

基于微信小程序云开发-文章类发布社交平台

基于微信小程序云开发-文章类发布社交平台（小红书）小程序介绍初衷图片预览技术云开发优势：问题汇总瀑布流导航条scroll-view下拉刷新详情页：轮播图原点在图片下方显示小程序介绍开发用来记录文章，以及
Krystal-Cool·2022-12-04 18:12

小程序 scroll-view 与 position: fixed 使用的注意事项

wxml//...wcss.item-wrap{position:fixed;///*转化为position:absolute*/}注：在scroll-view子组件使用position:fixed不会生效
IT_IOS_MAN·2022-11-15 09:45

小程序IOS页面下拉回弹效果

根据业务需求不想要这个回弹的效果，故此记录一下解决方案；方案一：当页面内容比较少，且没有用到scroll-view组件时在页面配置中添加：{"disableScroll":true}，这个属性会禁止整个页面滚动
星星点点微光·2022-11-09 03:13

uniapp 使用uview plus的 u-list 并排显示两列

我在开发项目时需要效果如下：一排显示两个内容1.思考使用技术该项目要求是，在微信小程序上运行，scroll-view有性能问题，对于大量数据的渲染效果太差，最后我选择了uviewplsu里面的u-list
tengyuxin·2022-10-30 18:55

【小程序从0到1】小程序常用组件一览

】等等系列专栏目前正在学习的是React/小程序React/小程序React/小程序，中间穿插了一些基础知识的回顾博客主页codeMak1r.小新的博客本文目录常用的视图容器组件view组件的基本使用scroll-view
codeMak1r.小新·2022-10-27 13:00

微信小程序开发过程中一些经验总结

2、小程序页面不能下滑加载的问题scroll-view需要把高度固定，把scroll-view组件
黄小二哥·2022-10-26 20:27

微信小程序实现锚点定位功能的方法实例

前言在小程序开发中，我们经常会遇到滚动列表查看的需求，那么使用锚点定位来实现可以达到交互体验更加友好的效果，我们看下项目中实现的效果：功能实现采用小程序视图容器组件实现：scroll-view这里需要注意的是
·2022-10-25 20:57

微信小程序 - - - - - scrill-view内元素使用fixed无效问题

scrill-view内元素使用fixed无效问题1.问题描述2.解决思路2.1问题拆分2.2解决问题3.代码展示scroll-view标签是很常用的标签组件。
Dark_programmer·2022-10-21 21:08

uview tabs切换让item始终居中

在tabs中有时候我们需要制作一个切换的效果，本身u-tabs这个组件已经能满足大多数的需求，但是该组件不够灵活，于是抽时间自己做了一个scroll-view切换的效果：下面是上图的效果的代码：{{item.name
m0_45925246·2022-09-30 05:29

uniapp 封装固定表头、固定列表格

第一时间想的是用scroll-view来做，也真就这么搞了，也搞出来，通过各种计算固定了表头和左侧列，但是最让人头疼的问题就是性能太低，H5端没问题，移动端在滚动的时候会有延迟效果，而且滚动快了会错位，
疯狂的小土蘑·2022-09-30 05:57

uniapp uni-popup弹窗在app端内容过多时，不滑动的问题

解决方式其中一种可以使用scroll-view标签，结合scroll-y="true"使用，方式如下示例渲染内容其中，主要样式如下：.content_list{height:760rpx;overflow-x
小鳄鱼丶·2022-09-29 18:57

小程序 | 常见的小程序视图容器类组件 + 常见的小程序基础内容组件 + 小程序的构成 + 小程序的宿主环境

文章目录小程序简介第一个小程序注册小程序开发帐号安装开发者工具创建小程序项目小程序代码的构成项目结构JSON配置文件WXML模板WXSS样式JS逻辑交互小程序的宿主环境宿主环境简介通信模型运行机制小程序启动的过程页面渲染的过程组件小程序中组件的分类⭐常用的视图容器类组件view组件的基本使用scroll-view
不爱吃菜的蔡菜·2022-09-29 09:00

微信小程序使用scroll-view横线滚动条，并展示模拟进度条

思路就是scroll-view里面展示图片，然后使用这个组件的api。打开弹层，需要考虑到一种情况：图片宽度无法撑满scroll-view，那就需要模拟进度条撑满。
·2022-09-27 20:30

《微信小程序案例12》＜scroll-view＞组件里面不能使用onPageScroll函数获取滑动距离的解决方法

一、问题描述最近一个demo需要使用到滑动距离来作为判断标准，但是发现自己是在一个滚动区域里面计算滑动距离，本想使用nPageScroll函数来获取距离顶部的距离，但是发现nPageScroll函数在组件里面没有作用，后发现原来组件里面有个参数bindscroll可以获取距离。二、代码wxmljsscroll(e){console.log(e.detail.scrollTop)},
每天八杯水'D·2022-09-27 08:10

小程序高级电商前端第3周电商系统分类页面客服商品详情页面开发＜一＞----spu-scroll自定义组件2、WXS与Lin UI Filter的应用、webstorm的骚操作自定义代码片段

spu-scroll自定义组件2：修复高度问题：在上一次小程序高级电商前端第2周深入理解RESTAPI开发规范开启三端分离编程之旅＜二＞----scroll-view组件的灵活应用、async和await
webor2006·2022-09-15 16:56

scroll-view如何自适应页面剩余高度

在uni-app使用中，有如下场景，页面有三个组件，top-bar顶部标题栏高度指定，bottom-bar底部功能菜单栏高度指定，scroll-view区域是一个scroll-view滚动区域，浏览聊天内容
玖伴_·2022-08-27 00:34

vue小程序开发（四）首页 推荐

vue小程序开发（四）首页推荐编写首页-推荐模块推荐-最顶部模块推荐-月份模块月份模块标题样式推荐-热门模块基本布局使用scroll-view改造容器分页功能分析实现头部固定分页实现底部触发首页-专辑功能分析轮播图实现列表数据渲染接口文档出错
WWWOWhite·2022-08-20 13:25

微信小程序隐藏滚动条的方法

如下：scroll-view，隐藏滚动条的方法也很简单。我们可以在app.wxss（全局）或当前页面.wxss加入如下代码即可：::-web
No Bug·2022-07-29 17:49

小程序：scroll-view默认滑倒最下面

前言：小程序在使用scroll-view的时候，默认让滚动条到最下面。
Ponnenult·2022-07-27 15:10

uniapp：完成商品分类页面（scroll-view），左侧导航，右侧商品

scroll-viewscroll-y允许纵向滚动scroll-top设置竖向滚动条位置scroll-with-animation在设置滚动条位置时使用动画过渡使用竖向滚动时，需要给一个固定高度，通过css设置height；可以使用css隐藏滚动条样式/*隐藏滚动条样式*/::-webkit-scrollbar{width:0;height:0;}点击changeNav(index)方法使导航滚动
sunly_·2022-07-21 16:20

列表组件list-view的使用、flex布局教程，以APICloud AVM框架为例

可使用scroll-view的基
·2022-07-19 11:45

微信小程序实现点餐小程序左侧滑动菜单

目录前言一、初识scroll-view二、左侧导航三、右侧滑动前言最近在帮亲戚做一款微信的点餐小程序，以前从没有接触过小程序的我只能现做现卖。
·2022-07-17 13:37

微信小程序实现横向滚动条

本文实例为大家分享了微信小程序横向滚动条的具体代码，供大家参考，具体内容如下微信小程序scroll-view实现横向滑动滚动效果图如下：左右滑动效果展示如下：实现代码：index.wxml                                                                                                         
·2022-06-30 17:02

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

本文实例为大家分享了微信小程序scroll-view实现自定义滚动条的具体代码，供大家参考，具体内容如下html       {{item.name}}            jsPage({ data
·2022-06-30 17:56

微信小程序开发前端基础知识

简介1、是什么2、为什么二、准备工作1、环境准备1.1、注册账号1.2、获取APPID1.3、开发工具2、创建微信小程序三、组件1、目录及其作用介绍2、页面操作3、view块级元素4、``导航跳转5、`scroll-view
博客zhu虎康·2022-06-30 10:55

uni-app实现swiper滑动放大缩小、实现scroll-view与swiper双向联动

uni-app实现swiper滑动放大缩小、实现scroll-view与swiper双向联动先看效果图思路注意布局代码完整代码先看效果图思路1、利用scroll-view的scroll-into-view
高效码农·2022-06-23 20:00

微信小程序 - 02_常用组件（view/scroll-view、swiper/swiper-item、text/rich-text、button、image、小程序三大类API）

文章目录组件介绍01小程序中组件的分类1.1视图容器1.1.1view1.1.2scroll-view1.1.3swiper/swiper-item1.1.4text/rich-text1.2其他常用组件1.2.1button1.2.2image02API2.1小程序API概述2.2小程序的3大分类欢迎访问笔者个人技术博客：http://rukihuang.xyz/组件介绍01小程序中组件的分类视
文泽路小男孩·2022-06-23 19:26
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他