Jquery 如何将滚动条添加到此div？

我需要有滚动功能的div是：我需要它在timeholder div旁边滚动，最好有一个自定义滚动条，但这不是必需的。我尝试过插件和css解决方案，但都没有用。我最好在jquery中寻找解决方案

    <div class="timeHolder">
        <div class="timeView">              
<!-- Year Markers -->            
                <div class="yearMarker">1943</div><div class="yearMarker">1944</div><div class="yearMarker">1945</div><div class="yearMarker">1946</div><div class="yearMarker">1947</div><div class="yearMarker">1948</div><div class="yearMarker">1949</div><div class="yearMarker">1950</div><div class="yearMarker">1951</div><div class="yearMarker">1952</div><div class="yearMarker">1953</div><div class="yearMarker">1954</div><div class="yearMarker">1955</div><div class="yearMarker">1956</div><div class="yearMarker">1957</div><div class="yearMarker">1958</div><div class="yearMarker">1959</div><div class="yearMarker">1960</div><div class="yearMarker">1961</div><div class="yearMarker">1962</div><div class="yearMarker">1963</div><div class="yearMarker">1964</div><div class="yearMarker">1965</div><div class="yearMarker">1966</div><div class="yearMarker">1967</div><div class="yearMarker">1967</div><div class="yearMarker">1969</div><div class="yearMarker">1970</div><div class="yearMarker">1971</div><div class="yearMarker">1972</div><div class="yearMarker">1973</div><div class="yearMarker">1974</div><div class="yearMarker">1975</div><div class="yearMarker">1976</div><div class="yearMarker">1977</div><div class="yearMarker">1978</div><div class="yearMarker">1979</div><div class="yearMarker">1980</div><div class="yearMarker">1981</div><div class="yearMarker">1982</div><div class="yearMarker">1983</div><div class="yearMarker">1984</div><div class="yearMarker">1985</div><div class="yearMarker">1986</div><div class="yearMarker">1987</div><div class="yearMarker">1988</div><div class="yearMarker">1989</div><div class="yearMarker">1990</div><div class="yearMarker">1991</div><div class="yearMarker">1992</div><div class="yearMarker">1993</div><div class="yearMarker">1994</div><div class="yearMarker">1995</div><div class="yearMarker">1996</div><div class="yearMarker">1997</div><div class="yearMarker">1998</div><div class="yearMarker">1999</div><div class="yearMarker">2000</div><div class="yearMarker">2001</div><div class="yearMarker">2002</div><div class="yearMarker">2003</div><div class="yearMarker">2004</div><div class="yearMarker">2005</div><div class="yearMarker">2006</div><div class="yearMarker">2007</div><div class="yearMarker">2008</div><div class="yearMarker">2009</div><div class="yearMarker">2010</div><div class="yearMarker">2011</div><div class="yearMarker">2012</div><div class="yearMarker">2013</div><div class="yearMarker">2014</div><div class="yearMarker">2015</div><div class="yearMarker">2016</div><div class="yearMarker">2017</div><div class="yearMarker">2018</div><div class="yearMarker">2019</div>

<!-- End Year Markers -->           

        </div>
    </div>    

</aside>

-------------编辑并在中添加另一个问题--------------

好的，我有这个doc-ready动画，它将timeView div向上移动到2011年或-24820 px

现在滚动位置现在设置在2011年的顶部，不再向上滚动

以下是初始化动画的脚本：

$('.timeView').animate({         
        easing: 'easeInExpo',
        top: '-=24820px',
}, 10000);

---

jQueryScrollable是最好、最安全的解决方案

---

另一个解决方案是ScrollTo插件。

JQuery Scrollable是最好的、最安全的解决方案

另一个解决方案是ScrollTo插件。

放入css

overflow: auto;

在您的div上，您希望有滚动条。

放入css

overflow: auto;

在您的div上，您希望有滚动条。

您的

position : absolute;

与卷轴冲突。。。你真的需要它是绝对的吗？尝试设置

position : relative 

对于你的内部div，就像这把小提琴一样：关键是要让你的时间视图高度大于你的计时器高度，这两个高度都必须设置并添加

overflow-y : scroll;

或

---编辑--- 如果更改顶部值，则无法向上滚动

如果您想滚动到特定的位置，请使用jQuery并查看此提琴：

要设置动画，请使用：

$(document).ready(function() {
    $(".timeHolder").animate({         
        scrollTop: '24800',
     }, 10000);
});    

而不是：

$(document).ready(function() {
    $(".timeHolder").scrollTop(24800);
});    

​ ​

希望有帮助。

你的

position : absolute;

与卷轴冲突。。。你真的需要它是绝对的吗？尝试设置

position : relative 

对于你的内部div，就像这把小提琴一样：关键是要让你的时间视图高度大于你的计时器高度，这两个高度都必须设置并添加

overflow-y : scroll;

或

---编辑--- 如果更改顶部值，则无法向上滚动

如果您想滚动到特定的位置，请使用jQuery并查看此提琴：

要设置动画，请使用：

$(document).ready(function() {
    $(".timeHolder").animate({         
        scrollTop: '24800',
     }, 10000);
});    

而不是：

$(document).ready(function() {
    $(".timeHolder").scrollTop(24800);
});    

​ ​

---

希望这能有所帮助。

您能将代码减少到这个问题所需的最低限度吗？我怀疑很多代码根本不需要。。。还有可能是一个JSFIDLE。你应该试着在上面制作一个简化的示例来帮助我们帮助你。你能将你的代码简化到这个问题所需的最小值吗？我怀疑很多代码根本不需要。。。还有可能是一个JSFIDLE。你应该试着做一个简化的例子来帮助我们帮助你。你可能需要为你的计时器指定一个高度？你可能需要为你的计时器指定一个高度？好的，留下这个小消息，但请查看我对主要问题的编辑，很好的解决方案，但真正的问题来了…好吧，我知道你的另一个问题，但我认为你应该为你的另一个问题发布一个新问题。请为我们添加小提琴以帮助您。我编辑了我的答案以完成您的新问题。如果你需要更多关于滚动动画的帮助，请发布一个新的问题，你是说没有办法按照我尝试的方式制作动画？好的，一切都很好，不过有一点奇怪。。。如果一直滚动到顶部，滚动将在鼠标指针所在的位置停止。如果你翻过div，它只会向下滚动。我在所有类上设置了max height，但它仍然可以。我可以保留这个小消息，但请查看我对主要问题的编辑，很好的解决方案，但真正的问题来了……好的，我知道你的另一个问题，但我认为你应该为你的另一个问题发布一个新问题。请为我们添加小提琴以帮助您。我编辑了我的答案以完成您的新问题。如果你需要更多关于滚动动画的帮助，请发布一个新的问题，你是说没有办法按照我尝试的方式制作动画？好的，一切都很好，不过有一点奇怪。。。如果一直滚动到顶部，滚动将在鼠标指针所在的位置停止。如果你翻过div，它只会向下滚动。我在所有类上设置了max height，但它仍然这样做