把股利到另一个，如果页面视图结束

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

我发现在HTML5/CSS3为这个伟大soultion在html5rocks.com

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