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

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

网站建设10个月前 (01-24)391

图文排版

H5

手机版秀米

对于左右滑动布局

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

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

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

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

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

放心,问题不大

因为,滑动布局更新啦

这次针对的是序列设置

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

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

现在,就一起来看下吧

这是视频版滴~

这是文字版滴~

01

展开全文

滑动序列,更新了啥?

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

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

02

新的滑动序列怎么用呢?

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

1

增加滑动序列

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

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

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

增加滑动序列按钮

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

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

2

复制滑动序列

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

复制滑动序列按钮

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

3

拖动滑动序列调整顺序

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

拖动调整序列顺序按钮

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

4

删除滑动序列

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

删除滑动序列按钮

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

03

SVG布局、SVG图集序列

也有同样的设置

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

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

SVG布局动画层的序列设置

SVG图集动画层的序列设置

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

小结

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

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

更多阅读

小白适用

系统介绍秀米的基础操作

长按识别二维码继续阅读

☚☚☚ 向左滑动

秀米有那么多骚技能

不来学几招?

长按扫码关注我们

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

点“阅读原文”看看吧~

填表有机会获得米点哦~

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

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

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

分享给朋友:

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

番禺网站优化(广州番禺网)

番禺网站优化(广州番禺网)

本篇文章给大家谈谈番禺网站优化,以及广州番禺网对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、番禺网站优化公司哪家好呢?想做网站优化,有没有推荐的~ 2、番禺网站建设公司一般费用去到多少呢? 3、广州网站优化必须考虑的问题是什么? 番禺网站优化公司哪家好呢?想做...

腊八节背景图片素材(腊八节背景图片素材无水印)

腊八节背景图片素材(腊八节背景图片素材无水印)

本篇文章给大家谈谈腊八节背景图片素材,以及腊八节背景图片素材无水印对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、请总结出中国的所有节日与日期,并附2张以上图片 2、课文北京的春节腊八节的连环画怎么画 3、腊八节贺卡怎么做图片? 请总结出中国的所有节日与日期,并...

htmlcssjs模板(html+css模板)

htmlcssjs模板(html+css模板)

本篇文章给大家谈谈htmlcssjs模板,以及html+css模板对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、html,css,Js小白求助 2、html 里的css 和Js 的代码怎么插入? 3、如何注释html,css,js代码 4、做网站的前端需要会...

苹果和安卓一起记账的APP(安卓苹果互通的记账软件)

苹果和安卓一起记账的APP(安卓苹果互通的记账软件)

本篇文章给大家谈谈苹果和安卓一起记账的APP,以及安卓苹果互通的记账软件对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、安卓系统和苹果系统都能用的记账软件 2、叨叨记账安卓和苹果通用吗 3、iphone上有哪些记账软件? 安卓系统和苹果系统都能用的记账软件 安卓...

学前儿童语言游戏活动教案(学前儿童语言游戏活动教案中班)

学前儿童语言游戏活动教案(学前儿童语言游戏活动教案中班)

今天给各位分享学前儿童语言游戏活动教案的知识,其中也会对学前儿童语言游戏活动教案中班进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、幼儿中班语言活动教案 2、大班语言活动教案 3、幼儿园大班语言活动教案 4、《乌龟桥》幼儿园中班语言游戏活动教案...

作文标题万能模板对偶(作文题目模板对偶)

作文标题万能模板对偶(作文题目模板对偶)

今天给各位分享作文标题万能模板对偶的知识,其中也会对作文题目模板对偶进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、如何写好大作文的对仗式标题? 2、关于奉献的作文题目,最好是简短的对偶 3、高考作文标题万能套用 作文标题模板必备 4、高考作文题...