我的背景是一组相当复杂的渐变(使用 CSS 完成,而不是图像)。页面中间是一个固定框架,内容位于该框架内。我可以在此框架上设置 overflow-y: auto
来滚动内容,但我希望能够使用窗口来滚动。
这是页面现在的样子:
我希望滚动条位于窗口上。我可以将内容放在框架外并根据需要添加边距,但问题是内容将出现在框架外。然后我可以在顶部和底部覆盖它,但这很困难/不可能,因为背景不是图像而且不是实心的。
有什么方法可以在顶部/底部 block 文本中滚动一个透明元素吗?您能否以某种方式将样式应用于重叠的内容?
即使是需要 JavaScript 的最奇特的单一浏览器解决方案也是完全可以接受的。
最佳答案
如果您的目标只是隐藏滚动条(假设您对 jQuery 没问题),我建议您使用类似 slimScroll 的东西.
幕后发生的事情很简单:指定的容器被分配了 overflow: hidden;
,并附加了一个悬停处理程序——其唯一目的是模拟自定义滚动条以响应鼠标-结束事件。
关于html - 为没有图像/背景的内容创建框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10457002/