Safari Frames 不可见的滚动条答案

【问题标题】：Safari Frames Invisible ScrollbarSafari Frames 不可见的滚动条
【发布时间】：2011-03-16 08:06:52
【问题描述】：

我正在开发的网站不仅使用框架，还使用框架内的框架（嗯，我知道，但我无法选择）。它实际上大部分时间都可以正常工作，但我遇到了 Safari 中框架内的某些框架的问题（仅限）。

在 Safari 中渲染的一些两深框架在框架的右侧有一个小空间 - 我认为它只是将滚动设置为“no”的那些，但摆弄滚动设置并没有修好了。它基本上看起来应该有一个滚动条，但没有。

我一直在研究这个问题并尝试了很多东西：改变行的高度，改变滚动设置，添加一个colls='100%' 标签，改变框架内容的高度，以及检查以确保宽度始终设置为 100%。到目前为止还没有解决任何问题。

有人知道这里发生了什么吗？

这是代码的基本要点和一些屏幕截图 - 请原谅缺少正确的引号；它仍然在这个代码库中渲染和修复它们将是一场失败的战斗：

<html>
    <frameset id=fset frameborder=0 border=0 framespacing=0 onbeforeunload="onAppClosing()"  onload="onAppInit()" rows="125px,*,0">
        <frame src="navFrame.html" name=ControlPanel marginwidth=0 marginheight=0 frameborder=0 scrolling=no noresize>
        <frame src="contentFrame.html" name=C marginwidth=0 marginheight=0 frameborder=0 scrolling=no>
        <frame src="invisiFrame.html" name=PING marginwidth=0 marginheight=0 frameborder=0 noresize>
        <noframes><body>Tough luck.</center></body></noframes>
    </frameset></html>

在第二个框架（名为“C”，src 为“contentFrame”）内是这样的：

 <HTML>
    <HEAD><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"></head>
    <frameset rows="48px,*,28px" border=0 frameborder=0 framespacing=0>
       <frame src="pageTitle.html" name=Title marginwidth=0 marginheight=0 noresize scrolling=no frameborder=0>
       <frame src="content.html" name=ScreenBody marginwidth=0 marginheight=0 frameborder=0>
       <frame src="submitBar.html" name=ContextPanel marginwidth=0 marginheight=0 frameborder=0 scrolling=no noresize>
    </FRAMESET>
 </HTML>

麻烦的帧是第一帧（命名为“Title”，src 为“pageTitle.html”）和最后一帧（命名为“ContextPanel”，src 为“submitBar.html”）都将它们的宽度设置为100% 且高度为 100%、未设置或小于或等于其行高的值。

这是问题的图片：

【问题讨论】：

标签： html safari scroll frames frameset

【解决方案1】：

您看到的是当没有足够的空间来绘制整个滚动条小部件集时，Safari 是如何绘制滚动条的。您应该在 CSS 中为您不想滚动的任何框架/页面的body 设置overflow: hidden。请注意，Safari 并不完全遵守这些规则（或元素上的scroll="no"），因为如果实际上存在超出可见区域的内容，您实际上可以通过拖动选择其内容来滚动元素。

【讨论】：

【解决方案2】：

显示滚动条的标题和提交框架可以有 html body 标签 scroll="no"

<body scroll="no">

所以不管是帧还是正常渲染，都不会有滚动条。

【讨论】：

我没有尝试过这个（因为我尽可能地坚持使用 CSS），但它肯定指向了正确的方向。谢谢！