Wookmark插件在固定位置滚动

Question

这是我的代码

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

以下是我要做的事情（要求）：

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

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

https://github.com/jamesflorentino/nanoScrollerJS

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

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

我陷入困境，想知道如何解决这个问题。以下在需求方面可协商。

• 如果我必须在.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();