Question

我想弄清楚如何使用Sly.js：http://darsa.in/sly/。我希望它看起来像网站标题中的那个（带有左箭头和右箭头）。我试着阅读文档并做了这个：

<!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>

但是，滚动条不起作用。我只看到带有数字的方框。如果有人能帮助我弄清楚如何使这项工作，将不胜感激。

Sly.js制作水平卷轴

0 个答案: