当前位置:首页 > 网站建设 > 正文内容

html5手机页面滑动(h5怎么制作滑动长页面)

网站建设1年前 (2024-01-24)502

图文排版

H5

手机版秀米

对于左右滑动布局

html5手机页面滑动(h5怎么制作滑动长页面)

公众号留言最多的问题大概有

滑动布局就四五列,想要增加更多怎么做?

想把内容放在第一个序列,要怎么做?

想调整下序列位置,该怎么弄?

放心,问题不大

因为,滑动布局更新啦

这次针对的是序列设置

增加、复制、拖动、删除序列

这些操作都可以一条龙服务

现在,就一起来看下吧

这是视频版滴~

这是文字版滴~

01

展开全文

滑动序列,更新了啥?

从左边模板区,布局→基础布局,找到左右滑动布局并添加到编辑区域中:

选中左右滑动布局,点击工具条上的设置滑动序列,进入序列设置;在序列旁边,有四个按钮设置,分别为增加序列、复制当前序列、拖动序列调整顺序、删除序列:

02

新的滑动序列怎么用呢?

滑动序列更新后,增加的四个按钮设置,在操作左右滑动布局上,方便了很多。

1

增加滑动序列

现在,增加滑动序列,有两种操作:

这两种,第一种是这次优化后的新增操作,第二种是一直就有的滑动序列添加操作;现在,我们来实际操作下:

在滑动序列设置页面,点击第一个序列右边的➕号,新增一个序列;新增序列处于自动选中状态,然后从左边点击内容添加。

增加滑动序列按钮

在滑动序列设置页面,不选中任何已有序列;直接从左边点击内容,会被当新滑动序列,加到最后。

看出来了吗?改动后,序列里如果已有内容,可以选中序列,进行替换;不论图片,还是图片,先选中序列,再从左边选择内容替换:

2

复制滑动序列

复制滑动序列,就是字面意思啦;如果滑动序列内容都一致的话,可以直接点击复制序列按钮,新增多个一样的序列,方便省时。

复制滑动序列按钮

在滑动序列设置页面,直接点击序列旁边的复制按钮,右排第二个,直接增加多个序列,内容会复制当前的序列。

3

拖动滑动序列调整顺序

这对于左右滑动布局,是一个非常好用的功能,只要摁住拖动按钮,就可以随意调序列位置了。

拖动调整序列顺序按钮

在滑动序列设置页面,鼠标摁住拖动按钮不松手,左右调整序列位置,放到需要的位置松开鼠标,即完成调整顺序。

4

删除滑动序列

这里的删除滑动序列,是将序列删除,操作很简单,点删除按钮,序列就没了。

删除滑动序列按钮

依旧在设置滑动序列页面,在需要删除序列的旁边,点击删除按钮,该序列就被删除了:

03

SVG布局、SVG图集序列

也有同样的设置

小伙伴们呀,如果你用SVG布局、SVG图集做排版,那么会发现,它们的序列设置,也做了同样的改动。

SVG布局、SVG图集的序列设置,也可以增加、复制、拖动、删除序列操作。

SVG布局动画层的序列设置

SVG图集动画层的序列设置

基本来说,SVG图集的序列与左右滑动布局是很相似的,只需要考虑图片本身就好了;而SVG布局的序列,还要考虑后续的动画设置是否合理。

小结

这次的更新,是左右滑动布局、SVG布局、SVG布局的序列操作设置调整。

在每列序列旁边,新增四个按钮,增加序列、复制序列、拖动序列调整顺序、删除序列;另外,现在选中序列,可对序列里的内容进行替换。

更多阅读

小白适用

系统介绍秀米的基础操作

长按识别二维码继续阅读

☚☚☚ 向左滑动

秀米有那么多骚技能

不来学几招?

长按扫码关注我们

想知道秀米今年有多努力吗?

点“阅读原文”看看吧~

填表有机会获得米点哦~

阅读剩余的58%

扫描二维码推送至手机访问。

版权声明:本文由飞速云SEO网络优化推广发布,如需转载请注明出处。

本文链接:http://hon-tex.cn/post/82195.html

“html5手机页面滑动(h5怎么制作滑动长页面)” 的相关文章

网站优化排名软件(网站排名优化软件排名好)

网站优化排名软件(网站排名优化软件排名好)

本篇文章给大家谈谈网站优化排名软件,以及网站排名优化软件排名好对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、网站如何优化排名软件 2、seo排名优化工具推荐 3、网站优化排名软件 4、网站排名优化软件有哪些 网站如何优化排名软件 1、首先在浏览器搜索优化排...

商品展示图片模板图小白(商品模版图片)

商品展示图片模板图小白(商品模版图片)

今天给各位分享商品展示图片模板图小白的知识,其中也会对商品模版图片进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、如何制作淘宝商品图片模板 2、怎么做淘宝店的宝贝描述模板 3、淘宝商品的主图怎么样做比较好看? 如何制作淘宝商品图片模板 1。软件工具...

婚宴菜单背景模板(婚宴菜单设计模板 背景)

婚宴菜单背景模板(婚宴菜单设计模板 背景)

本篇文章给大家谈谈婚宴菜单背景模板,以及婚宴菜单设计模板 背景对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、农村婚宴菜谱大全云南口味结 2、结婚酒席有什么菜谱 3、婚宴的菜单有哪些? 4、婚宴宴席菜单 5、有谁知道广东婚宴的菜谱吗? 农村婚宴菜谱大全云...

儿童安静书素材百度网盘(低幼安静书素材)

儿童安静书素材百度网盘(低幼安静书素材)

今天给各位分享儿童安静书素材百度网盘的知识,其中也会对低幼安静书素材进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、2周岁的小孩子适合看什么书 2、2-6岁幼儿互动安静书,小鼠波波创意拓展,宝贝再也不看手机。 3、哪里可以免费下载儿童故事? 4、...

免费模板ppt下载端午节(端午节ppt模板素材免费)

免费模板ppt下载端午节(端午节ppt模板素材免费)

本篇文章给大家谈谈免费模板ppt下载端午节,以及端午节ppt模板素材免费对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、介绍端午节的PPT模板猴哥PPT有吗? 2、中国传统节日ppt 3、求端午节PPT模板素材和字体 4、小学端午节主题班会ppt 介绍端午节...

怎么下载素材视频到电脑(怎样在电脑上下载素材)

怎么下载素材视频到电脑(怎样在电脑上下载素材)

今天给各位分享怎么下载素材视频到电脑的知识,其中也会对怎样在电脑上下载素材进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、怎么下载视频到电脑上? 2、网站上的视频怎么才能下载到自己的电脑里面呢! 3、如何下载视频到电脑上 4、如何下载视频素材...