菜单

轨道
轨道是用来显示站点的主视图以外伴随的内容

下载

介绍

何时使用

轨道在网站主视图之外显示可选的伴随内容。轨道经常在你网站主视窗有滚动内容时,和 sticky 一起使用,以把内容固定在相对位置性伴随滚动条的移动。

Semantic 默认的轨道宽度是 300px,一般来说足够容纳 公共广告大小,以及子导航的大小。

调整尺寸

轨道对指定的内容可能需要额外分割,以此来确保不超出用户浏览器的宽度。

轨道一般用于过长内容的情况下,比如过于长的博客内容、表单填写、配置信息等。一般容器的宽度可以根据实际情况设置在 600-800px 之间即可。

这种设置意味着大多数平板电脑浏览器只能容纳一个单一的轨道。较小的显示器、低分辨率显示器能容下两个小轨道,再大一点的能容下两个全尺寸的轨道。

下面的示例不使用任何分割,所以对于某些屏幕较小的设备,内容可能会出现在浏览器外部。

类型

轨道

轨道可以设置在内容的左侧或者右侧。

左侧轨道
右侧轨道

内部

轨道可以在容器内部显示

内容左侧
内容右侧

分割

轨道可以对自身进行分割或者在内容之内分割

左侧轨道内容
右侧轨道内容

变化

附属

轨道可以依附在主窗口

左侧轨道内容
右侧轨道内容
左侧轨道内容
右侧轨道内容

紧贴

轨道可以紧贴在主视图

左侧轨道内容
右侧轨道内容
左侧轨道内容
右侧轨道内容

尺寸

轨道可以有不同尺寸

迷你
超小
小的
大的
很大
巨大
最大