Wookmark插件在固定位置滚动

Question

这是我的代码

http://jsfiddle.net/qhoc/KUYeJ/3/

这是我想要做的（要求）：

• .left已知固定宽度为100px
• .right必须是position:fixed因为我希望它保持静止，不管left内容。 它将使用Wookmark http://www.wookmark.com/jquery-plugin以Pinterest风格制作一堆图像
• .right需要使用一些滚动条插件独立滚动。 我在下面尝试了以下所有内容并且都无效：无滚动条 。

http://www.baijs.nl/tinyscrollbar/

https://github.com/jamesflorentino/nanoScrollerJS

https://github.com/rochal/jQuery-slimScroll

我在想它是因为使用position:fixed导致它没有溢出滚动。 但我试图在CSS中调整它，它仍然没有显示滚动。

我陷入困境，想知道如何解决这个问题。 以下是可以满足要求的 。

• 如果我必须在.right设置动态宽度，那.right 。 我想我可以使用jQuery来检测窗口大小的变化。 因为现在它正在向右扩展right:0
• 如果.left和.right都必须使用人工滚动条 ，那也没问题。 虽然理想情况下.left一个浏览器默认滚动条（就像今天的Facebook一样：想象.left是Facebook Feed而.right是聊天面板）
• 如果我需要添加更多父元素，我也可以。

真的很感激帮助！

Answer 1

我最终使用slimScroll，但诀窍是更改html结构和应用插件的位置。

这是结构：

.scrollable
  .photo-thumbs
    %ul
      %li

以下是如何应用插件：

$('.scrollable').slimScroll();
$('.photo-thumbs ul li').wookmark();