关于Axure隐藏滚动条

超、凢脫俗 2022-09-12 04:45 234阅读 0赞

**本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。**

问题描述

当我们在用Axure设计并制作页面时，当一个页面中的内容过于多时，我们就会想到使用文本域来解决这个问题，但文本域旁的滚动条有的时候属实有点不够美观，这个时候我们就可以使用动态面板来解决这个问题。

解决方案

1. 在将要放置内容的区域放入一个动态面板1，并进入state1的状态

![47701757515e732dce57cb35a7737abb.png][]     ![a766435201b515448262aeb39935bc57.png][]

2. 然后在刚刚放置的位置再放一个动态面板2，但是宽度一定要比动态面板1的宽度大一些，并在样式中的动态面板中选择垂直滚动。

![c1858c1b4083edac47e9a85151f5a35f.png][]![3d81cdf494fb980a865008af56a608b4.png][]![1785c7db69df6d3bd5c5e517c652018a.png][]

3. 添加一些文字，然后在预览中出现的滑动条就会变得更窄，当你滑动页面的时候滚动条才会出来，当没有滑动页面时滚动条就会自动消失。

结语

其实对于Axure页面制作中文本域就可以实现我们对内容滑动的需求，但是我们为了追求更好的页面表达效果，转而去使用了更复杂的方法。这说明着我们在遇到事情时不要只求做出来，而要追求做的更加的完美。

实习编辑：王晓姣

稿件来源：深度学习与文旅应用实验室（DLETA）

[47701757515e732dce57cb35a7737abb.png]: https://img-blog.csdnimg.cn/img_convert/47701757515e732dce57cb35a7737abb.png
[a766435201b515448262aeb39935bc57.png]: /images/20220828/aeed9c7d950541ff86cd90f147f8f862.png
[c1858c1b4083edac47e9a85151f5a35f.png]: https://img-blog.csdnimg.cn/img_convert/c1858c1b4083edac47e9a85151f5a35f.png
[3d81cdf494fb980a865008af56a608b4.png]: https://img-blog.csdnimg.cn/img_convert/3d81cdf494fb980a865008af56a608b4.png
[1785c7db69df6d3bd5c5e517c652018a.png]: /images/20220828/f24f4fb8b98846e3a6993ce9f46e5918.png