Github

Side-Content

V_0.3


简单,以标题链接侧边

how-to-use

下载- 压缩版本
Github地址
  • 添加 js 文件 side-content.js

<script src='side-content.js'></script>
</body>

设置一个

sider ID

用来显示标题


<ul id='sider'>
</ul>

设置一个主内容 ID

例如 side-content 可是自己设置

<div id='side-content'>
	<div id="side-1">你</div>
	<div id="side-2">是</div>
	//你想添加的标题 -- 前缀必须是 side-
</div>

var a = setSider('side-content'); //setSider('主内容ID');
//or
var a = setSider(); //默认 side-content

and done ,完成

tips: 视口的变化,会,影响准确性,主要是 高度,

show

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
ddd
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veritatis deserunt nisi id, officia vitae nulla praesentium perferendis voluptates explicabo vel ipsum dignissimos, autem maxime accusantium eius ratione similique repellat laudantium?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam voluptate quae animi debitis eaque, rerum excepturi unde, quibusdam nesciunt nisi, nemo magni. Consequatur neque aliquid, ut expedita ab non harum.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic ipsa ipsum, cumque adipisci perspiciatis maiores repellat provident. Placeat minima corrupti reiciendis tempora aspernatur, excepturi, delectus officia et laborum vitae deserunt.

test