引导水平和垂直部分,带有缓动滚动

时间:2014-09-02 21:19:17

标签: javascript css twitter-bootstrap

我正在使用位于此处的引导程序模板:http://startbootstrap.com/template-overviews/scrolling-nav/

我喜欢垂直滚动的工作原理。我想使用它并创建水平滚动。因此,当您使用" top nav"时,页面将垂直滚动。一旦您点击其中一个"部分中的链接或按钮"它将滚动水平。 我面临的问题是如何让这些部分在一行上水平对齐。

如何实现这一目标的任何线索?

由于

2 个答案:

答案 0 :(得分:0)

要水平堆叠部分(例如div),请使用CSS属性Float

div{
   float:left
}

DEMO:http://plnkr.co/edit/pLTus46XczbjQzMureTC?p=preview

答案 1 :(得分:0)

我使用宽度为200%的容器div并制作了"部分"宽度50%,浮动:左。制作了一个javascript来使用scrollLeft函数,这就是诀窍。