本文为我们介绍了自制横向滚动条的三个步骤，以及其中的注意要点。更多详细内容请见正文
　　一般如果我们需要使用横向滚动条，会直接使用动态面板提供的横向滚动条。由于横向滚动条在动态面板的最底部，这就有个前提，就是动态面板必须全部展示在可视范围内，横向滚动条才可以使用。那当动态面板提供的横向滚动条无法使用时，我们如何自制一个横向滚动条？
　　比如当我们实现如下的效果时，由于表格左侧固定，当表格数据过多时，无法使用表格的内滚动达到想要的效果，这个时候就需要自制一个横向滚动条。
　　自制横向滚动条，主要分为三步：
　　创建需要滚动的动态面板（即此处示例的表格）
　　自制横向滚动条
　　通过拖拽滚动条，移动动态面板中的内容
　　一、创建动态面板（即此处示例的表格）
　　1。创建表格内容（由于后面需整体控制表格内容的移动，可将表格内容转为动态面板或群组）。
　　2。将表格内容转为动态面板表格，且使用横向滚动条，并将动态面板本身提供的滚动条隐藏掉。
　　（可将此动态面板再转为动态面板，然后通过将滚动条显示在最外层动态面板的外面，实现滚动条的隐藏）
　　二、自制横向滚动条
　　1。创建横向滚动条
　　2。现实中，滚动条的大小不是固定的，是根据表格内容动态计算的。
　　首先我们需要知道滚动条的宽度计算方式，如下图：
　　当加载滚动条时，可根据此公式设置宽度：
　　3。将横向滚动条转为动态面板滚动条，以便实现滚动条的拖拽。
　　4。设置滚动条的拖拽
　　（1）创建滚动条背景，宽度为滚动条的可拖拽范围。
　　（2）滚动条拖拽时，左侧限制为背景的X坐标，右侧为背景的X坐标加背景的宽。
　　三、拖拽滚动条时，移动表格内容
　　我们发现往右拖拽滚动条时，表格内容会往左走，所以二者为相反数。
　　具体公式如下：
　　则拖动滚动条时，表格内容的X坐标设置如下：
　　至此，通过以上三步，一个自制的横向滚动条已基本实现。
　　由于示例中牵扯的元件过多，大家可通过下载源文件查看具体的实现方法。另外，此案例同时示例了，当表格滚动时，如何将表格的表头吸附到顶部，有需要的小伙伴可进行参考。
　　文件地址：https：pan。baidu。coms10qSilLkkbzDT54eaWbPNRQ

Axure教程：如何实现计时一般来说，我们的手机里都自带了一个计时小工具。于是前不久，笔者突发奇想，能不能用Axure做出这个小工具，实现计时效果呢？因此，笔者将以此为案例讲讲具体怎么做。一、元素准……AxureRP8教程：实现高逼格的面板切换效果如何利用AxureRP8教程实现高逼格的面板切换效果呢？一起来文中看看浏览网页时，我们经常看到整屏滚动效果的首页设计，如招商银行首页：当鼠标上下滚动时，不同页面进行翻页展……Axure教程：按钮与文本框结合在一起的动态重置功能本文要给大家讲解的是，按钮与文本框结合在一起的动态重置功能，enjoy设置文本1。1页面布局1。1。1页面设定新建一个页面文件，命名为“重置功能”。……App产品原型背后要交代的细节或要理解的原则（五）本文接上一篇App产品原型背后要交代的细节或要理解的原则（四）。18、聊天发表情，是怎样的机制在微信发一个表情出来，你发现显示的是名称〔调皮〕，而不是一个图标。……哲学三问之原型是怎么来的？在产品的具体设计中，原型是怎么来的呢？笔者认为原型由信息架构设计与条目设计组成，并以途家app搜索页为例讲解了条目设计。几千年来，哲学家们一直在思考三个问题：我是谁？我从……AxureRP9教程：9宫格拼图如何制作本篇文章通过原型设计工具为大家演示了9宫格拼图效果，看完后别忘了自己动手做一下！效果图使用工具AxureRP9beta绘制原型Camtasia2018录……Axure教程：实现页面上下滑动和顶部吸附效果本文将给大家介绍：如何在Axure中实现页面上下活动和顶部吸附，一起来看看吧效果预览：看是不是你想要的：https：xydq37。axshare。comc2一、元素……AxureRP8教程：图片局部开灯交互动效感谢罗罗诺亚索作者分享的【Axure教程：图片局部开灯交互动效】文章；由于该原型是用AxureRP9实现的，因此本文将结合文章实现方法，使用AxureRP8。0实现，并升级实现……Axure教程：如何制作3D动效？早几期文章，我说没有我做不出的交互，于是有同学加我微信，说老师你能实现这个3D效果吗？我本来想怼她一顿，这是平面软件，但是一气之下我就把她说的3D效果做出来了。首先看看效……Axure教程：如何自制横向滚动条？本文为我们介绍了自制横向滚动条的三个步骤，以及其中的注意要点。更多详细内容请见正文一般如果我们需要使用横向滚动条，会直接使用动态面板提供的横向滚动条。由于横向滚动条在动态……Axure教程：用户登录交互原型如何制作？今天和大家分享的是最常见的用户登录的原型设计，适用对象：想加入产品坑的新手小白。1。元件准备用户名、密码的输入框由矩形、icon、文本框三个元件组成。为方便区……Axure教程：如何使用时间函数动态显示当前时间？本文教大家如何在Axure中，如何使用时间函数动态显示当前时间，enjoy首先Axure提供了很多时间函数，如下：Now用途：获取当前计算机系统日期对象。获取……