Javascript Sly.js制作水平滚动条

Javascript Sly.js制作水平滚动条,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我正在尝试了解如何使用Sly.js:。我希望它看起来像网站标题中的那个(带有左箭头和右箭头)。我试着阅读文档,并提出以下建议: <!DOCTYPE html> <html> <head> <title>Test</title> <script src="https://code.jquery.com/jquery-3.1.1.js"></script> &l

我正在尝试了解如何使用Sly.js:。我希望它看起来像网站标题中的那个(带有左箭头和右箭头)。我试着阅读文档,并提出以下建议:

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <script src="https://code.jquery.com/jquery-3.1.1.js"></script>
        <script src="sly.min.js"></script>
        <link rel="stylesheet" href="horizontal.css"> 
    </head>

    <body>
        <div class="scrollbar">
            <div class="handle"></div>
        </div>

        <div class="frame">
            <ul class="slidee">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>1</li>
                <li>2</li>
                <li>3</li>
            </ul>
        </div>      

    </body>
</html>

试验
  • 一,
  • 二,
  • 三,
  • 一,
  • 二,
  • 三,
  • 一,
  • 二,
  • 三,
  • 一,
  • 二,
  • 三,
  • 一,
  • 二,
  • 三,
但是,滚动条不起作用。我只看到上面有数字的盒子。如果有人能帮我找出如何使这项工作,将不胜感激