Fatal编程技术网
  • html/
  • Html 两帧一滚动条

Html 两帧一滚动条

html

Html 两帧一滚动条,html,frames,Html,Frames,我试图创建两个帧并使它们一起滚动， 例如，在页面顶部有一个更改菜单栏的情况下- 我用的是旋转木马或者底部的页脚， 必须作为页面的一部分显示 我希望一个页面看起来像一个能够滚动的页面， 但是页面实际上由两个框架组成。 用这个 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="

我试图创建两个帧并使它们一起滚动， 例如，在页面顶部有一个更改菜单栏的情况下- 我用的是旋转木马或者底部的页脚， 必须作为页面的一部分显示

我希望一个页面看起来像一个能够滚动的页面， 但是页面实际上由两个框架组成。 用这个

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<!-- Info from: http://www.webxpertz.net/forums/showthread.php?t=257 -->
<!-- Using this... -->

<meta NAME="Description" content="Outer frame(OneBaredFrame) used to wrap the header and body frames" />
<meta HTTP-EQUIV="Cache-Control" content="no-cache" />
<meta HTTP-EQUIV="pragma" content="no-cache" />

<title></title>

</head>

<frameset rows="1,*" border="0" frameborder="no">

<frame src="javascript:<HTML></HTML>" name="dummy" id="dummy" 
frameborder="no" marginheight="0" marginwidth="0" noresize="noresize" scrolling="no"></frame>

<frame src="index_inner.html" name="OneBaredFrame"
 id="OneBaredFrame" frameborder="no" marginheight="0" marginwidth="0"  noresize="noresize" scrolling="yes"></frame>

<!-- the bottom frame above if scrolling="yes" doesn't show a scrollbar for me? -->

<!-- the top frame above if scrolling="yes" does show a scrollbar for me if rows="100,*" say? -->

</frameset>

</html>
使用帧时，每个帧都会有自己的滚动条

您不能将一个滚动条用于两个帧，这正是因为滚动条是两个帧

更新：

您可以通过使两个帧都不滚动并将它们包装在第三个滚动帧（其存在的唯一原因是提供一个滚动条）中来解决此问题。父帧将同时处理两个内部帧的滚动

您需要添加一个具有如下框架集的新页面，确保第二个页面指向您的框架集（并在两个框架集上设置
SCROLLING=“NO”
：

<FRAMESET ROWS="0%,100%"
  BORDER="0"
  FRAMEBORDER="NO">
  <FRAME SRC=""
    NAME="dummy"
    FRAMEBORDER="NO"
    MARGINHEIGHT="0"
    MARGINWIDTH="0"
    NORESIZE
    SCROLLING="NO">
  </FRAME>
  <FRAME SRC="*url to your frameset*"
    NAME="myframes"
    FRAMEBORDER="NO"
    MARGINHEIGHT="0"
    MARGINWIDTH="0"
    NORESIZE
    SCROLLING="YES">
  </FRAME>
</FRAMESET>
我用IFRAME得到了您想要的东西

它甚至比框架更灵活，因为它不需要将窗口从一条边拆分到另一条边，并且每个框架边界不需要与另一条边界对齐

我把它用于我刚刚部署的一个网页，它就像一个符咒

有一个缺点：在动手之前必须固定主框架的高度，为了避免内部滚动条，您需要高估它

<BODY>
<CENTER>
  <DIV style="display:table-cell; width:800; ">
      <iframe WIDTH=800 HEIGHT=220 src="menu.html" name="topframe" frameBorder=0 SCROLLING=NO></iframe>
      <iframe WIDTH=800 HEIGHT=380 src="home.html" name="contentframe" frameBorder=0 SCROLLING=AUTO></iframe>
      <iframe WIDTH=800 HEIGHT=220 src="menu.html" name="bottomframe" frameBorder=0 SCROLLING=NO></iframe>
  </DIV>
<CENTER>
</BODY>
menu.html中带有TARGET=“contentframe”的链接可以执行您希望它执行的操作。

在代码体中提问（作为注释）这是一个非常糟糕的做法。问这个问题，发布代码-更多的人会阅读它。这次我会为你解决这个问题。感谢Oded的帮助，我花了很多时间才尝试发布我所做的事情。斯劳伊错了吗？只是为了确定一下？@carpenter-他是对的。变通方法会奏效。不过，这引入了第三个框架。再次感谢，但有什么帮助吗我的代码让它工作，因为我试图按照他给了，但无法让它工作…我不聪明，所以对我温柔-如果你可以：） 
<BODY>
<CENTER>
  <DIV style="display:table-cell; width:800; ">
      <iframe WIDTH=800 HEIGHT=220 src="menu.html" name="topframe" frameBorder=0 SCROLLING=NO></iframe>
      <iframe WIDTH=800 HEIGHT=380 src="home.html" name="contentframe" frameBorder=0 SCROLLING=AUTO></iframe>
      <iframe WIDTH=800 HEIGHT=220 src="menu.html" name="bottomframe" frameBorder=0 SCROLLING=NO></iframe>
  </DIV>
<CENTER>
</BODY>