这是我的代码
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,那没关系。我想我可以使用 jQuery 来检测窗口大小的变化。因为现在,它正在一路扩张right:0 - 如果两者
.left都.right必须使用人工滚动条,那也没关系。尽管理想情况下.left它具有浏览器默认滚动条(就像今天的 Facebook:想象它.left是 Facebook 提要和.right聊天面板) - 如果我需要添加更多的父元素,我也可以。
真的很感谢帮助!