我有一个文章页面，它使用基于Twitter Bootstrap的流畅布局。
使用此技术，顶部导航栏在浏览器窗口顶部（因此粘贴）时会固定：
http://www.bennadel.com/blog/1810-Creating-A-Sometimes-Fixed-Position-Element-With-jQuery.htm
使用上述技术并使用此主题中的答案，侧边栏也会同时固定：
Fixed sidebar navigation in fluid twitter bootstrap 2.0
一旦导航栏位于浏览器窗口的顶部，滚动条就会出现在边栏右侧，但是我想创建一个类似于这些示例的自定义滚动条：
http://readwrite.com/2012/11/07/how-technology-will-fare-in-president-obamas-second-term
我尝试使用像
这样的技术http://manos.malihu.gr/jquery-custom-content-scroller/
但没有成功。此外，由于顶部导航栏已固定且其50px为高，因此"top:50px;"属性导致固定侧栏的滚动条延伸到底部视图之外。
以下是我创建的演示：
http://jsfiddle.net/iagdotme/uvp8t/
如何创建“下一页”或其他示例中使用的自定义滚动条效果并修复高度问题？
感谢。
答案 0 :(得分：1)
请看一下我在这篇文章（Parallax sidebar scrolling）上的回答，它重现了您在readwrite.com上使用的侧边栏滚动行为。
答案 1 :(得分：0)
TNW使用名为Tiny Scrollbar的插件，ReadWrite使用jScrollPane。你尝试过其中任何一种吗？请考虑使用其中一个在jsFiddle上处理一些内容，然后在高度问题仍然存在的情况下重新发布。
一旦你让jScrollPane工作，这里有一些CSS可以让你开始使用自定义滚动条：
.scroll-pane
{
width: 100%;
height: 200px;
overflow: auto;
}
.jspVerticalBar, .jspTrack {
background:none;
}
.jspDrag {
background:#ccc;
border-radius:10px;
}