jQuery在div内垂直滚动图像

Question

我尝试制作比包含它的div更大的照片，以自动垂直滚动。

还发现了一个不错的jQuery插件jQuery SimplyScroll，但我无法使其正常运行。

这是我的小提琴 。

(function($) {
        $(function() { //on DOM ready
            $("#scroller").simplyScroll({
                customClass: 'vert',
                orientation: 'vertical',
                auto: true,
                manualMode: 'end',
                frameRate: 8,
                speed: 5
            });
        });
    })(jQuery);

它不会滚动到底部。 我做错了什么？

Answer 1

您指定了一个自定义类以用作名为vert的容器。

因此，您需要为该类指定CSS，如下所示：

.vert { 
    width: 400px; /* wider than clip for custom button pos. */
    height: 1000px;
    margin-bottom: 1.5em;
}

/* Clip DIV */
.vert .simply-scroll-clip {
    width: 400px;
    height: 1000px;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list li {
    width: 400px;
    height: 1000px;
}

在这里摆弄 。

Answer 2

https://jsfiddle.net/h5Lrq9zy/2/

.vert .simply-scroll-clip {
    width: 400px;
}
.vert .simply-scroll-list li {
    width: auto;
    height: auto;
}

插件本身中包含太多硬编码的内容。 总体来说这是一个糟糕的插件，但是可以的，您可以对其进行修改以使其更好。