9.触发器:触发页面滚动

您所在的位置:网站首页 易派h5怎么禁止滑动翻页设置 9.触发器:触发页面滚动

9.触发器:触发页面滚动

2024-07-10 07:33:11| 来源: 网络整理| 查看: 265

一、案例效果

《点击体验效果》

blob.pngDemo案例:扫描二维码查看效果

二、应用场景

长页面H5作品,无需翻页而显得轻快,但如果要增加一些上下滚动的控制,就需要使用 “触发页面滚动”:在案例中,点击上方的导航菜单,可以快速定位到指定位置。

三、功能设置

1.首先得完成长页面的内容准备;

2.在合适的位置,建议添加使用锚点组件来标记,这样会比较清晰

blob.png

3.通过触发器,比如点击触发 “触发页面滚动” 到 “锚点S”

0015836dfccf2d2f6b1b890d50f248d

0015836dfd4674774e243cbf35ac3e4

4.“触发页面滚动”的滚动方式

滚动方式说明到底部触发滚动至长页面底部到顶部触发滚动至长页面顶部到元素触发滚动至指定元素的Y坐标位置下一锚点在过个锚点之间滚动切换上一锚点在过个锚点之间滚动切换

(1)到指定元素:建议使用锚点,这样逻辑上更清晰、并且还可以借助于锚点、进行滚动到位置时的触发;当然也可以指定到其他任意组件,这里就是定位到组件的Y坐标了。

(2)上一锚点/下一锚点:请参照下图理解

blob.png



【本文地址】

公司简介

联系我们

今日新闻


点击排行

实验室常用的仪器、试剂和
说到实验室常用到的东西,主要就分为仪器、试剂和耗
不用再找了,全球10大实验
01、赛默飞世尔科技(热电)Thermo Fisher Scientif
三代水柜的量产巅峰T-72坦
作者:寞寒最近,西边闹腾挺大,本来小寞以为忙完这
通风柜跟实验室通风系统有
说到通风柜跟实验室通风,不少人都纠结二者到底是不
集消毒杀菌、烘干收纳为一
厨房是家里细菌较多的地方,潮湿的环境、没有完全密
实验室设备之全钢实验台如
全钢实验台是实验室家具中较为重要的家具之一,很多

推荐新闻


图片新闻

实验室药品柜的特性有哪些
实验室药品柜是实验室家具的重要组成部分之一,主要
小学科学实验中有哪些教学
计算机 计算器 一般 打孔器 打气筒 仪器车 显微镜
实验室各种仪器原理动图讲
1.紫外分光光谱UV分析原理:吸收紫外光能量,引起分
高中化学常见仪器及实验装
1、可加热仪器:2、计量仪器:(1)仪器A的名称:量
微生物操作主要设备和器具
今天盘点一下微生物操作主要设备和器具,别嫌我啰嗦
浅谈通风柜使用基本常识
 众所周知,通风柜功能中最主要的就是排气功能。在

专题文章

    CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭