小程序混动条

最新推荐文章于 2024-03-20 11:18:12 发布

JumpingVR

最新推荐文章于 2024-03-20 11:18:12 发布

阅读量101

点赞数

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/JumpingVR/article/details/115715340

版权

小程序专栏收录该内容

15 篇文章 0 订阅

订阅专栏

本文介绍了如何在小程序中实现滚动条效果，通过在<scroll-view>组件中设置scroll-y属性为true，可以实现在Y轴方向显示混动条。示例代码展示了将my_data内容展示在带有滚动条的视图中，适用于需要滚动展示大量内容的小程序页面。

摘要由CSDN通过智能技术生成

学习目标：

小程序混动条

学习内容：

<scroll-view scroll-y="true">  // 设置 y 方向 有混动条
	<view>
		{{my_data}}
	</view>
</scroll-view>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

JumpingVR

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

微信小程序 屏幕滚动监听

12程序猿的博客

07-13

2372

一、监听屏幕滚动判断上下滚动 onPageScroll: function (ev) { console.log(ev) let _this = this //当滚动的top值最大或者最小时，为什么要做这一步是由于在手机实测小程序的时候会发生滚动条回弹，所以为了解决回弹，设置默认最大最小值 if (ev.scrollTop <= 0) { ev.scrollTop = 0 } else if (ev.scrollTop > wx.getSys

微信小程序

m0_48919773的博客

12-17

256

小程序开发工具准备 1.申请小程序账号（appid） https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E7%94%B3%E8%AF%B7%E5%B8%90%E5%8F%B7 2.下载并安装微信开发者工具 https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E5%AE

参与评论您还未登录，请先登录后发表或查看评论

vue新闻上下混动条

chaosama的博客

07-25

283

老规矩，先看样子，并且点击可获取该行的数据 template部分 <div class="group"> <img class="leftImg" src="../../assets/logo.png"> <div class="marquee_box"> <ul class="marquee_list" :class="{m...

拖拽操作和混动条 注释

qq_40237375的博客

03-23

372

<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>无标题文档</title><style>#parent {width:600px; height:20px; background:#CCC; position:relative; m

bootstrap row 出现下混动条问题

qq_35002398的博客

11-09

335

class="row" 包裹在了滚动监控中去掉滚动监控样式就好

html滚动条实现，超简单

最新发布

m0_74842053的博客

03-20

1858

组件是页面视图层WXML的基本组成单元组件组合可以构建功能强大的页面结构。小程序框架为开发者提供了容器视图、基础内容、表单、导航、多媒体、地图、画布、开放能力等８类３０多个基础组件。每一个组件都由一对标签组成有开始标签和结束标签内容放置在开始标签和结束标签之间内容也可以是组件。组件的语法格式如下标签名　属性名＝ ”属性值”内容...< /标签名组件通过属性来进一步细化。不同的组件可以有不同的属性但它们也有一些共用属性。

【MFC笔记】获得edit控件鼠标光标的位置信息，并且混动滑轮调节大小

qq_39948394的博客

06-06

1769

POINT pos = GetCaretPos();//获取光标相对于控件的位置 int caretpos = ((CEdit*)GetDlgItem(IDC_EDIT1))->CharFromPos(pos);//获取光标位置 Return Value The character index in the low-order WORD, and the line index in th...

java jframe 滚动条_Java Swing中JFrame、JScrollPane的代码实现

weixin_29063979的博客

02-16

758

如果你要学习Java，Java Swing是你学习路上并不可缺少的一部分。在另一篇文章中我们对Java Swing的容器、组件以及布局管理器的概念进行了简单的了解。所以本文会对Java Swing中容器的使用进行说明，文中会说到关于JFrame、JScorePane等容器的代码以及实现。JFrame创建JFrame容器的步骤：1.让用户自定义类先继承JFrame。2.然后在自定义类的构造方法中对该...

uniapp 开发之仿抖音，上下滑动切换视频、点击小爱心效果

weixin_52479803的博客

08-29

4117

uniapp 开发之仿抖音，上下滑动切换视频、点击小爱心效果

微信小程序视图组件scroll-view滚动条隐藏

aspire_cj的博客

07-17

921

描述 ::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式 webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式。 ::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用。、以下伪元素选择器去修改各式webkit浏览器的一个wxss文件的demo: ./scrollbar.wxss ... .scroll-view { width: 94.

小程序选择图片，获取图片临时地址

JumpingVR的博客

04-14

2191

学习目标： 小程序选择图片，获取图片临时地址学习内容： wx.chooseImage({ count: 2, // 最多可以选择的图片数量，默认9 sizeType: ['original', 'compressed'], // original原图，compressed 压缩图，默认皆有 sourceType: ['album', 'camera'], // album 从相册选，camera 从相机选，默认皆有 success: function(res){ // res 内容如图

小程序获取当前对象索引值

JumpingVR的博客

04-15

964

学习目标： 小程序获取当前对象索引值学习内容： <view wx:for="{{my_for_data}}" wx:key="*this" bindtap="my_function" data-index="{{index}}" > {{my_data}} </view> my_function(e){ var the_id=e.currentTarget.dataset.index /* *注意 e.currentTar

小程序定义变量

JumpingVR的博客

04-15

856

学习目标： 小程序定义变量学习内容： const x // 定义全局变量 let x // 定义 {} 内变量 var x // 定义 function 内变量

小程序 绑定函数详解

JumpingVR的博客

04-15

717

学习目标： 小程序 绑定函数详解学习内容： bindsubmit="my_function1" // 需要button与之对应才能触发 bindreset="my_function2" // 需要button与之对应才能触发 catchtap="my_function3"> //点击触发 <button formType="submit" type="primary">绑定的是submit按钮</button> <button formType="r

小程序弹出黑框，几秒后消失

JumpingVR的博客

04-14

691

学习目标： 小程序弹出黑框，几秒后消失学习内容： wx.showToast({ title:"成功", })

混动汽车动力配置研究综述

"这篇研究文章是对混动电动汽车（HEV）动力系统配置的全面调查，主要探讨了不同类型的HEV配置、建模技术以及多模式HEV的设计空间探索。" 混动电动汽车（HEV）是新能源汽车的重要组成部分，其动力系统配置的研究对于...