为没有images / bg的内容创建框架

Question

我的背景是一组相当复杂的渐变（使用CSS完成，而不是图像）。在页面的中间是一个固定的框架，内容位于此框架内。我可以在此框架上设置overflow-y: auto来滚动内容，但我希望能够使用该窗口进行滚动。

以下是页面现在的样子：

我希望滚动条能够在窗口上。我可以在框架外部获取内容并根据需要添加边距，但问题是内容将出现在框架外部。然后我可以将它覆盖在顶部和底部，但这很难/不可能，因为背景不是图像而且不牢固。

有没有办法在顶部/底部块文本中有一个透明元素在其下滚动？你能以某种方式将样式应用于重叠的内容吗？

即使是最需要JavaScript的单一浏览器解决方案也是完全可以接受的。

Answer 1

如果你所有的目标都是隐藏滚动条（假设你对jQuery没问题），我建议你使用像slimScroll这样的东西。

引擎盖下的内容很简单：指定的容器分配有overflow: hidden;，并附有悬停处理程序 - 其唯一目的是模拟自定义滚动条以响应鼠标悬停事件。

Answer 2

尝试探索jScrollPane功能。 它是用于处理滚动条的强大灵活的JQuery插件，可能你会找到它的解决方案。