<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>js+css3侧边栏滚动显示首字母索引特效</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="sticky-slide">
<dl>
<dt>A</dt>
<dd>Aceyalone</dd>
<dd>Aesop Rock</dd>
<dd>Angel Haze</dd>
<dd>Atmosphere</dd>
</dl>
<dl>
<dt>B</dt>
<dd>Babbletron</dd>
<dd>Bike For Three</dd>
<dd>Binary Star</dd>
<dd>Blackalicious</dd>
<dd>Black Sheep</dd>
<dd>Blueprint</dd>
<dd>Blue Scholars</dd>
</dl>
<dl>
<dt>C</dt>
<dd>Cecil Otter</dd>
<dd>Chali 2na</dd>
<dd>Chance The Rapper</dd>
<dd>Common Market</dd>
<dd>Cool Calm Pete</dd>
<dd>Czarface</dd>
</dl>
<dl>
<dt>D</dt>
<dd>Danger Doom</dd>
<dd>Darc Mind</dd>
<dd>Dem Atlas</dd>
<dd>Dessa</dd>
</dl>
</div>
<script src="js/script.js"></script>
</body>
</html>
