jQuery vTicker - 一次很少的元素答案

【问题标题】：jQuery vTicker - few elements at one momentjQuery vTicker - 一次很少的元素
【发布时间】：2017-01-28 18:49:03
【问题描述】：

我对 jQuery vTicker 脚本没什么问题。目前，脚本一次只能向上或向下滑动一个元素。我需要该脚本一次向上滑动几个元素，但我不知道这是否可能（例如：我有四个可见的元素，在下一张幻灯片上，脚本替换了我的所有四个元素，而不仅仅是一个）。你能帮帮我吗？

我的代码：

<div id="najnowsze-naglowki">
                <ul class="najnowsze">
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                    <li><span class="time">14:38</span>Uwaga! Silny wiatr!</li>
                </ul>
            </div>

以及jQuery vTicker脚本的初始化：

    $('#najnowsze-naglowki').vTicker('init', {speed: 400, 
        pause: 1000,
        showItems: 4,
        padding:15});

链接到 vTicker 脚本：http://richhollis.github.io/vticker/

【问题讨论】：

标签： javascript jquery ticker vticker

【解决方案1】：

实际上并不是解决您的问题的直接解决方案，但通过更改标记您可以实现这一目标

       $('#najnowsze-naglowki').vTicker('init', {speed: 400, 
        pause: 1000,
        showItems: 1,
        padding:15});

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="najnowsze-naglowki">
                <ul class="najnowsze">
                    <li>
                        <ul>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li>5</li>
                            <li>6</li>
                            <li>7</li>
                            <li>8</li>
                        </ul>
                    </li>
                </ul>
            </div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
<script src="http://richhollis.github.io/vticker/downloads/jquery.vticker.min.js?v=1.21"></script>

</body>
</html>

我查看了 vTicker 文档，但找不到一次更改 4 个项目的选项。

【讨论】：

我也在尝试这个，但我想也许还有另一种方法可以做到这一点。但如果不是我需要使用它，谢谢！