<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为滚动视图，分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。滚动视图常用的地方一般都是Item项比较多的界面，比如我的模块 主要属性： 使用演示： wxml
转载
2019-03-23 10:57:00
346阅读
2评论
问题描述小程序的视图容器组件分为五个组件，分别是view...
原创
2021-06-30 14:38:17
408阅读
欢迎点击「算法与编程之美」↑关注我们！本文首发于："算
原创
2022-03-01 17:38:06
2296阅读
项目中遇到了这样的需求，顶部为第一级分类选择【超出横向滚动】；下左区域是第二级分类选择，根据第一级的选择变化【超出竖向滚动】；下右区域是最终得到的第三四级分类【超出竖向滚动】；下左与下右想做成各自滚动相互不影响的触发动效。01静态页面布局第一级分类选择（横向滚动）scroll-view视图区域主要样式：white-space:nowrap;display:flex;滚动视图区域内不可以再嵌套一个v
原创
2021-05-20 08:11:57
1525阅读
//滚动触底事件 <scroll-view scroll-y lower-threshold="0" bindscrolltolower="scrollBottom" style="height: 200rpx;"> </scroll-view>
转载
2017-11-29 09:59:00
140阅读
在微信小程序中，使用 scroll-view 实现长页面的标记跳转，官方文档中没有例子演示，锚点标记主要是使用<scroll-view> 的 scroll-into-view 属性。 实现锚点跳转主要以下几点： 1、最外层容器使用 scroll-view 2、赋值scroll-into-view，如
转载
2019-03-20 21:57:00
192阅读
2评论
在小程序开发过程中，经常会遇到列表滚动加载的效果。当整个页面需要滚动下拉的时候，我们可以借助小程序的生命周期函数 onReachBottom。但是当需要滚动下拉的内容为页面的一部分时，就需要用到 scroll-view 组件了。
在 scroll-view 中有一个函数 bindscrolltolower，会在滚动到底部/右边时触发。
实现原理：
设置一个请求发送的开关，当返回的数据小于设置的每
原创
2021-08-19 14:33:21
1254阅读
一、微信小程序scroll-view 设置可滚动视图区域 1.由于手机的宽度比较窄，出现横向滚动的需要很常见 2.scrool-x ，设置区域可以横向滚动 3.scrool-into-view ,设置滚动到指定的id 处，在搜索...
原创
2021-11-23 17:34:54
3443阅读
在微信小程序中，使用 scroll-view 实现长页面的标记跳转，官方文档中没有例子演示，锚点标记主要是使用<scroll-view> 的 scroll-into-view 属性。 实现锚点跳转主要以下几点： 1、最外层容器使用 scroll-view 2、赋值scroll-into-view，如
原创
2023-04-25 06:36:03
1074阅读
一、微信小程序scroll-view 设置可滚动视图区域 1.由于手机的宽度比较窄，出现横向滚动的需要很常见 2.scrool-y，设置区域可以纵向滚动 3.scrool-into-view ,设置滚动到指定的id 处，在搜索页...
原创
2021-11-23 17:34:46
2325阅读
一、前期准备工作软件环境：微信开发者工具 官方下载地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html1、基本需求。基于scroll-view实现锚点定位2、案例目录结构二、程序实现具体步骤1.锚点index.wxml代码a.导航滚动<!--pages/scrollnav/scrollnav.wxml-->
原创
2023-06-01 00:21:24
1205阅读
今天在写小程序的时候使用了scroll-view,但是发现在scroll-view中一行文字不能换行，代码如下：
原创
2020-03-20 13:44:09
754阅读
scroll view原来好好的，最近突然不动了，捣鼓半天，居然是要手工设定为scroll属性！下面两样样式必不可少，一是设定滚动方向上的宽度或高度，二是设置超出的处理为scroll 1、设定宽度 2、overflow:scroll;
转载
2017-04-14 09:14:00
107阅读
2评论
html <view class="nav-top"> <view class="nav-top-div1 {{currentView==0?'active':''}}" data-typeCurrent='0' bindtap="bindtap">视频</view> <view class="na ...
转载
2021-09-15 17:31:00
442阅读
2评论
根据小程序 scroll-view 文档所述，scroll-view必须给定一个固定高度。那么如果我们想要让它自动填充剩余高度，该怎么办呢？ 前言 在说出我的解决方案之前，先来看一下我的页面设计，以便于理解。 我将这个页面分成了三部分：最顶部的导航栏navbar，用于显示概要信息的header，
转载
2019-07-16 16:01:00
308阅读
2评论
文档：https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
原创
2022-01-14 14:14:47
1210阅读
// 隐藏滚动条::-webkit-scrollbar { width: 0; height: 0; color: transparent;}
原创
2023-03-21 16:25:30
733阅读
横向滚动<scroll-view class="scroll__wrap" scroll-x="true"> <block wx:for="{{[1, 2, 3, 4, 5]}}"> <view class="scroll__item">{{item}}</view> </block></scr
原创
2021-12-01 14:15:20
7765阅读
微信小程序之view和scroll-view组件的基本使用，持续更新【微信小程序】系列
推荐
原创
2022-10-01 10:16:16
10000+阅读
点赞
2评论
