墨刀局部垂直滚动 您所在的位置:网站首页 墨刀网页端怎么设置弹出 墨刀局部垂直滚动

墨刀局部垂直滚动

2024-07-05 06:21| 来源: 网络整理| 查看: 265

今天在学习如何使用墨刀工具时,对于基础功能,大致和其他软件相差不大,但在实现页面局部垂直滚动时,遇见了一点问题,就是明明使用了滚动面板,但就是无论如何也滚动不起来。经过摸索后,发现是自己少给滚动面板添加状态了。在网上搜了一圈,没搜到,所以想着若有其他同学跟我一样遇见相同的问题,刚好可以参考下。下面我将实现步骤描述出来:

效果图

第一步 从墨刀组件中,拖一个“滚动面板”到页面指定区域,设置好滚动的区域,然后双击进入滚动面板的编辑页

第一步.png

第二步 在状态一里面将需要填充的内容填充好,然后点击“+”号,再创建一个状态,然后退出滚动面板编辑

第二步.png

第三步 在页面设置滚动面滚动的方向即可,点击运行,就可实现页面局部上下滚动了

第三步.png

如果按照步骤操作后,没有成功,记得逐步检查步骤是否正确。重点是要记得给滚动面板添加新的状态,不要以为是滚动面板了,就能直接在一个页面中布局就好。我就卡在了这个想法里,纠缠了好一阵。

后面还发现一种其他方案,其实不用滚动面板也能实现。我把操作步骤写明下,供参考: 第一步 随便添加几个组件,比如三张图片,然后设置成相同的大小(可以随便设置),然后选中三张图右键转化为动态组件即可

1.png

第二步 双击编辑动态组件,同样的方式,给组件添加一个新的状态,然后直接退出编辑即可

2.png

第三步 拖动图片的高度,如拖动到只有一个图片,然后设置组件的滚动方式,点击运行即可成功了

3.png 总结,只要掌握了动态组件的使用,就非常容易了。新加状态不但能实现滚动效果,其实它本身的原理是用来实现不同状态下,展示不同页面内容的。这就是墨刀这个工具强大的地方,他其实还有好多强大的功能,唯一不好的一点就是要收费,如果企业有购买,就很完美了。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有