人们与用户界面中的物理相对性很好地联系在一起。换句话说，如果您希望界面感觉自然，或使其控件明显，您可以使用物理现实主义的外观来做到这一点。对于明显的功能，适当的图标也始终是必须做的。

滚动区域的物理外观如何？简单的！外框下方的一层内容。为了实现这种外观，您可以在外层使用盒子阴影。

• 提示：在创建 CSS box-shadows 时，可以用逗号将多个阴影放在一起。使用带有更强短阴影的浅远阴影以获得良好的效果。使用 RGBA（不透明度控制）进行轻触！

接下来，没有滚动条，想到的最佳实践是使用带有可点击滚动框的 JQuery，该滚动框附加到具有滚动内容的框架的边缘，当内部元素突出到框外时显示该框四个方向中的任何一个。

如果您希望该栏默认不存在或隐藏，请将其保持隐藏或稍微不透明，直到将滚动区域悬停或点击，然后显示滚动机制。

• 易于使用：该框应在悬停事件时轻轻激活（开始滚动子元素），并在鼠标按下时完全激活。

这是一个演示：

对于长滚动区域，通过这种做法必须加速滚动，否则将抑制用户快速浏览内容的能力。

在摆弄这个之后，我想我可以创建一个 JQuery 插件，并将这种做法用于我的下一个 Web 应用程序。

确保首先显示的默认内容量在底部显示一个仅部分显示的项目（假设垂直滚动），从而通知用户下面还有更多内容，他们可以到达/显示它。

这是我会尝试的：

一种柔和的渐变，覆盖了一些内容。这表明下面还有更多。此外，您当然可以添加一个小箭头。

你想让它变得多么明显将取决于你认为观众是谁以及背景是什么。

通常的寻路技术，如箭头和图形，可以帮助用户旅程。或者，您可以使用许多单页网站使用的锚定菜单/导航系统。

最明显和丑陋的解决方案是一个弹出窗口，它通知用户向下滚动以获取更多内容，然后在演员滚动时隐藏（cookie 通知样式）。