效果图.gif 展示区域（待补充） demo1 demo2 css js <view class="scroll_box tl-margin-t...
原创
2022-07-13 22:39:40
136阅读
scroll-view为滚动视图，分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。滚动视图常用的地方一般都是Item项比较多的界面，比如我的模块 主要属性： 使用演示： wxml
转载
2019-03-23 10:57:00
346阅读
2评论
横向滑动要点：外层设置：white-space:nowrap;dispaly:flex; 内层设置：display:inline-block;<view> <scroll-view scroll-x="true" style="height:50rpx; white-space:nowrap ;display:flex;" > <view style="di
原创
2022-11-19 05:37:37
253阅读
1 2 3 .box { width:100vw; height: 200rpx; white-space: nowrap; /*white-space 不能丢*/ border: 1px solid red; box-sizing: border-box}.box-item { width: 45%; height:100...
转载
2019-06-27 15:49:00
95阅读
2评论
一、ScrollView核心特性Scroll-view是UniApp提供的横向/纵向滚动容器组件，适用于内容超出屏幕尺寸时的滚动展示。其核心特性包括：方向控制：通过scroll-x（横向）或scroll-y（纵向）属性开启滚动，默认纵向滚动。性能优化：支持scroll-into-view（滚动到指定子元素）和scroll-top（控制滚动位置）等动态交互。边界回弹：bounce属性可设置滚动到边界
# iOS Scroll-View Z-Index 实现指南
## 简介
在iOS开发中，当我们需要在一个 ScrollView 中显示多个视图时，有时我们希望某些视图在滚动过程中始终保持在顶部或底部，而不受其他视图的遮挡。这就需要使用 Z-Index（层级）来控制视图的显示顺序。本文将指导刚入行的开发者如何实现 iOS Scroll-View Z-Index。
## 实现步骤
下面是整个实现
原创
2023-07-23 03:57:07
273阅读
今天在使用scroll-view组件的时候发现结果跟预想的不一样。其实也不是第一次用了，同样的写法却出现了意料之外的效果，所以认定是bug了。博主使用的是2.3.0版本，所以之前的版本应该也会有这个bug。
一、摘要 今天在使用scroll-view组件的时候发现结果跟预想的不一样。其实也不是第一次用了，同样的写法却出现了意料之外的效果，所以认定是bu
转载
2023-07-14 09:24:29
50阅读
<scroll-view scroll-y style="height: 100%;"> <view class="green" style="width: 100%; height: 200px; background: green;"></view> <view class="red" style="width: 100%; height: 200
原创
2022-11-19 05:44:50
106阅读
当使用scroll-view这个标签的时候，我们是为了实现向左滑或者向下滑的效果。你只需要将我的案例复制到你的项目，将图片路径修改完之后，就可以看到效果，切记是下面那一份代码呦！css也在一起一下是我的案例：在刚开始的时候就是这样写的，但是一直都不可以出现滑动效果，于是果断换思路。就有了下面的这样的布局 <scroll-view class='...
原创
2018-09-04 15:05:39
121阅读
问题描述小程序的视图容器组件分为五个组件，分别是view...
原创
2021-06-30 14:38:17
408阅读
<template> <view> <view> <scroll-view scroll-left="7500" scroll-view scroll-with-animation='true' class="scroll-view_H" scroll-x="true"> <button class="scrol
原创
2023-02-22 11:02:04
1249阅读
参考官方文档APIscrollview属性属性名作用参数值scroll-x设置是否允许横向滚动true/false 默认是falsescroll-y设置是否允许纵向滚动true/false 默认是falsescroll-top设置纵向滚动条的位置numberscroll-left设置横向滚动条的位置numberscroll-into-view设置滚动到那个控件，前提要给scroll里面设置控件ID
转载
2024-01-03 12:40:09
35阅读
欢迎点击「算法与编程之美」↑关注我们！本文首发于："算
原创
2022-03-01 17:38:06
2296阅读
项目中遇到了这样的需求，顶部为第一级分类选择【超出横向滚动】；下左区域是第二级分类选择，根据第一级的选择变化【超出竖向滚动】；下右区域是最终得到的第三四级分类【超出竖向滚动】；下左与下右想做成各自滚动相互不影响的触发动效。01静态页面布局第一级分类选择（横向滚动）scroll-view视图区域主要样式：white-space:nowrap;display:flex;滚动视图区域内不可以再嵌套一个v
原创
2021-05-20 08:11:57
1525阅读
原网页地址：https://uniapp.dcloud.io/component/scroll-view 说明 scroll-view，可滚动视图区域。用于区域滚动。 需注意在webview渲染页面中，区域滚动性能不及页面滚动。 属性说明 属性名 类型 默认值 说明 平台差异说明 scroll-x ...
转载
2021-07-21 14:10:00
3986阅读
2评论
//滚动触底事件 <scroll-view scroll-y lower-threshold="0" bindscrolltolower="scrollBottom" style="height: 200rpx;"> </scroll-view>
转载
2017-11-29 09:59:00
140阅读
<view :style='{height: scrollHeight}'> <view class='swiper-item'> <scroll-view scroll-y style="height: 100%; width: 100%;" lower-threshold="50" > <vie ...
转载
2021-07-28 15:53:00
2048阅读
2评论
LoopList 【git链接】这个控件是一个都比较常用的控件 在ios 上就是类似的就是UITableView，当大量重复的item 被添加ScrollView上时必然造成性能上的问题，所以就需要用到重复循环利用显示节点来提高性能。在cocos 上已经有大佬做了相同的东西了List做的很完善, 我这个LoopList 实现思路和他有些区别，不用去记录item 的 width| height实现思
转载
2024-07-05 04:40:39
194阅读
