使用 jQuery 中的 scrollTop 使 div 在另一个 div 内垂直滚动答案

【问题标题】：Make a div vertically scollable inside another div using scrollTop in jQuery使用 jQuery 中的 scrollTop 使 div 在另一个 div 内垂直滚动
【发布时间】：2014-03-06 13:29:32
【问题描述】：

我在另一个 div .bloc_1_medias 中有一个 div #container。

#container 的高度大于.bloc_1_medias 之一。

当单击我的文本“下一个”和“上一个”时，我想使用scrollTop 使#container div 在我的.bloc_1_medias 中滚动，并保持固定间距。

我还希望隐藏.bloc_1_medias 的滚动条。

这是我的 js：

$('#next_nav').click(function () {
    $( "#container" ).animate({
        scrollTop: '+=156px'
    });
});

$('#prev_nav').click(function () {
    $( "#container" ).animate({
        scrollTop: '-=156px'
    });
});

这里是一个 JSFidle：

http://jsfiddle.net/aaWLJ/6/

谁能帮我解决这个问题？

【问题讨论】：

是否有必要只使用scrollTop，还是您也接受其他方式？

标签： javascript jquery html scrollbar scrolltop

【解决方案1】：

您应该为父容器 scrollTop 设置动画：

$(".bloc_1_medias").animate({
    scrollTop: '+=156px'
});

演示：http://jsfiddle.net/dfsq/aaWLJ/7/

【讨论】：