最近有个客户要求我们在他们的所有课程中添加一条CEO的信息,其中包括一张图片。内容(信息)过于沉重,无法放在屏幕上,唯一的选择是添加滚动面板,以便学习者可以滚动阅读内容。
客户接受了滚动选项,但要求我们将滚动面板的颜色与界面匹配。
我们在清晰的故事情节中没有默认选项。我们唯一能做的就是定制。
在这篇文章中,我想分享添加自定义滚动面板的步骤,你可以添加所需的颜色来匹配界面(GUI)。
步骤1:
按照要求创建您的电子学习课程。
步骤2:
开发一个包含内容和滚动对象的HTML页面。使用CSS格式,如下面的截图所示。
确保将HTML文件保存为index . html。
步骤3:
去插入选项卡并选择Web对象选择插入index . html文件。
步骤4:
在窗口打开后,粘贴的位置index . html文件。你甚至可以浏览它的位置。
步骤5:
调整Web对象在屏幕上的大小和位置。你甚至可以将Web对象的一部分移出舞台。然而,输出保持不变。
步骤6:
发布电子学习课程并检查输出。
WebKit浏览器(Chrome和Safari)
对于IE
以下是在清晰的故事情节中添加自定义滚动条的6个简单步骤。
希望这篇文章对你有用。请分享你的观点。