这是我的代码
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
聊天面板) - 如果我需要添加更多的父元素,我也可以。
真的很感谢帮助!