多语言展示
当前在线:1106今日阅读:195今日分享:41

ih5横幅如何使用

有时候我们需要讲一个按钮或者菜单固定在某个地方,不需要这个按钮或者菜单发生移动,比如悬浮按钮,只需要停留在一个手机的下面,不需要随着长页面移动,这样我们就可以随时按到这个按钮,从而避免重复滑动页面了。这里用横幅做一个悬浮的红色按钮。
工具/原料
1

联网的PC

2

ih5账号

方法/步骤
1

1.如图所示,我们点击箭头所指的页面按钮,来在舞台上新建立一个页面。

2

2.如图所示,我们设置页面的剪切属性为使用滚动条,这样可以在长图片展示时,用页面的滚动条来看这个长图片。

3

3.如图所示,我们点击这个图片按钮,为这个页面添加一张长图片。

4

4.如图所示,我们为图片画一个区域,鼠标点击一下区域就确定啦!之后弹出的文件对话框直接选择一张图片上传。

5

5.如图所示,我们按箭头所指选择这一张有粽子的图片,之后点击“打开”按钮,来上传这一张图片。

6

6.如图所示,我们鼠标尽量将这一张图片拉得很长一些,这样才能滑动图片上,滑动的越多,看的就越加清晰啦!

7

7.如图所示,我们按箭头所指,点击选择这个横幅的按钮,来在这个往舞台上添加一个横幅,来制作一个红色的悬浮按钮。

8

8.如图所示,我们设置这个横幅按钮的分布属性为“右中”,当然颜色为红色啦!

9

9.如图所示,我们点击“预览”按钮对这个ih5案例进行预览。

10

10.如图所示,我们看到编译完成以后,点击箭头所指的“确定”按钮即可查看案例。

11

11.如图所示,我们移动这个粽子的长图片,但是那个红色的悬浮按钮始终停留在右面的中间不对。

注意事项

横幅的上面可以添加图片或者文字哈!

推荐信息