Question

所以我想要的是有一些像这样的表

<ul>
<li>Some Text, Links whatever</li>
</ul>

按页面视图排序。因此，如果页面在视图中结束（在底部），我想在第一个页面右侧有一个新表：

<div class="left_1 table">
    <ul>
    <li>First Some Text, Links whatever</li>
    </ul>
</div>
<div class="left_2 table">
    <ul>
    <li>Second Some Text, Links whatever</li>
    </ul>
</div>

我认为CSS会是这样的：

.table {
     float:left;
}

等等。我想用Jquery实现的全过程。我试着用语法说出来：

$('li').each(function () {
      if($this.isOutofBottomView) {
            $this.putIn.next('li');
      } else {
            // do nothing
      }
});

谢谢，我希望你知道我要求的是什么：）

Answer 1

这将回答很多关于使用jQuery的水平滚动网站以及评论中的一些备选方案的问题。

http://css-tricks.com/how-to-create-a-horizontally-scrolling-site/

Answer 2

我想我有点理解。您使用无序列表并将其称为表格，或者您对“页面视图”的看似不一致的使用，这没有任何帮助。

听起来不是想要垂直列出内容，而是尝试将它们垂直列在视口底部（当前可视区域而不需要滚动条），然后将每个后续系列链接放在最后的右侧。这是对的吗？

Answer 3

我在html5rocks.com

中找到了HTML5 / CSS3中的一个伟大的灵魂

-webkit-column-count: 2; 
-webkit-column-rule: 1px solid #bbb;
-webkit-column-gap: 2em;

如果页面视图结束，则将Div放入另一个

3 个答案: