Javascript 列滚动

Javascript 列滚动,javascript,reactjs,twitter-bootstrap-3,Javascript,Reactjs,Twitter Bootstrap 3,我在我的网页上有3个专栏,像facebook和这个例子一样 我想要的是,当我开始向下滚动时,所有列都应该向下滚动,如果这些列中的任何一列到达其数据的末尾,则当其他列仍在滚动时,该列应该停止滚动。现在假设第一列和第三列到达其末尾并停止滚动,但第二列仍有一些数据向下并仍在滚动,当我开始向上滚动时,第一列和第三列也需要立即开始向上滚动,并且在第一列和第二列再次到达其完全顶部时将再次停止。 我怎样才能做到这一点。 我用reactjs和bootstrap构建了这个页面 $(函数(){ 对于(变量i=0

我在我的网页上有3个专栏,像facebook和这个例子一样

我想要的是,当我开始向下滚动时,所有列都应该向下滚动,如果这些列中的任何一列到达其数据的末尾,则当其他列仍在滚动时,该列应该停止滚动。现在假设第一列和第三列到达其末尾并停止滚动,但第二列仍有一些数据向下并仍在滚动,当我开始向上滚动时,第一列和第三列也需要立即开始向上滚动,并且在第一列和第二列再次到达其完全顶部时将再次停止。 我怎样才能做到这一点。 我用reactjs和bootstrap构建了这个页面

$(函数(){
对于(变量i=0;i<20;i++){
$('.content')。追加(Lorem ipsum door sit amet,Concertetur aditing elite.Maecenas vitae pretium ante.Pellentesque eu quam non-eros breatum euismod.Sed turpis ligula,hendrerit at at,mattis commodo tortor.Sed eleifend velit interdum augue faucibus luctus.Nulla facilisi.Fusce facilis facilisi.enim ac euismod.前庭a lobertis velit.Sed a erat a a a a a a.Sed a a a a.Sed a a a a a a智者三分体,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精,不含酒精;
}
});
*{
填充:0;
保证金:0;
}
html,
身体{
宽度:100%;
身高:100%;
}
身体{
位置:相对位置;
}
#容器{
背景色:#f1f1;
位置:绝对位置;
左:20px;
右:20px;
顶部:20px;
底部:20px;
}
#内在的{
显示:表格;
身高:100%;
}
#内部>分区{
显示:表格单元格;
}
#调色板{
最小宽度:180px;
最大宽度:180像素;
宽度:180px!重要;
背景颜色:粉红色;
}
#名单{
宽度:55%;
最小宽度:350px;
背景色:青色;
}
#编辑{
宽度:45%;
最小宽度:400px;
背景色:洋红色;
}
.内容{
溢出:自动;
身高:100%;
}

调色板

您应该提供一些您尝试过的代码示例,以便人们能够更好地理解您的问题并尝试提供帮助。请在JSFIDLE上查看此示例,我有完全相同的代码。简单地说,我只想在向下滚动第二列时,它也应该向下滚动第三列,反之亦然,您应该提供一些代码您已经尝试了大量的内容,以便人们能够更好地理解您的问题并尝试帮助您检查JSFIDLE上的示例我有完全相同的代码。简单地说,我只想在向下滚动第二列时,它也应该向下滚动第三列,反之亦然