html - 为没有图像/背景的内容创建框架

标签 html css

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

这是页面现在的样子:

enter image description here

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

有什么方法可以在顶部/底部 block 文本中滚动一个透明元素吗?您能否以某种方式将样式应用于重叠的内容?

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

最佳答案

如果您的目标只是隐藏滚动条(假设您对 jQuery 没问题),我建议您使用类似 slimScroll 的东西.

幕后发生的事情很简单:指定的容器被分配了 overflow: hidden;,并附加了一个悬停处理程序——其唯一目的是模拟自定义滚动条以响应鼠标-结束事件。

关于html - 为没有图像/背景的内容创建框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10457002/

相关文章:

css - 您如何在JSX中实现:active?

javascript - 只允许输入字段 IOS 中的数字

python - python 2.7.6 中的 Django url 模式问题

javascript - 当一组单元格的数量等于另一组单元格的数量时显示弹出消息

html - 服务器呈现与本地主机不同的样式

jquery - Internet Explorer 的 CSS 问题?

javascript - 为什么我的 Ajax 请求在我的数据类型为 : "Content-Type: application/x-www-form-urlencoded"? 时发送 "JSON"

html - 多选框上的溢出正在改变文档高度

用于 HTML5 视频的 Android webkit 代理

javascript - 自调整 CSS 边框宽度