如何给html的框架集文件整个页面加滚动条啊

Posted 2023-05-10

我的html框架集文件的每一个框架里可以加滚动条 但那样很不好看 能不能给整个页面加一个滚动条呢 请假各位高手

Dreamweaver 8如何给框架集添加滚动条？
只要右边有滚动条 要在设计试图完成要求

<frameset rows="210%,300%,50%" cols="*" frameborder="0" style="overflow:scroll;" >
<frame src="top.html" name="topFrame" scrolling="no" marginheight="0" noresize="true" marginwidth="0"/>
<frame src="zhong.html" name="leftFrame" scrolling="auto" marginwidth="0" noresize="true" marginheight="0" />
<frame src="footer.html" name="footerFrame" scrolling="auto" marginwidth="0" noresize="true" marginheight="0"/>
</frameset>
<noframes></noframes>

在frameset 标签内加上style="overflow:scroll;"这个样式就可以出现右边的整页滚动条了 参考技术A 可以通过让内嵌的框架的高度自动适应所调用网页高度来解决，具体如下：
1，设置主页面框架id,如id="mainlist"

2，建立一个js脚本文件，如base.js，脚本内容如下：
parent.document.all("mainlist").style.height=document.body.scrollHeight;
parent.document.all("mainlist").style.width=620; //设置固定宽度

3，在每一个要调用的子页面中引用脚本文件，如下：
<script language="javascript" src="base.js" type="text/JavaScript"></script> 参考技术B Dreamweaver
8如何给框架集添加滚动条？
只要右边有滚动条
要在设计试图完成要求
<frameset
rows="210%,300%,50%"
cols="*"
frameborder="0"
style="overflow:scroll;"
>
<frame
src="top.html"
name="topFrame"
scrolling="no"
marginheight="0"
noresize="true"
marginwidth="0"/>
<frame
src="zhong.html"
name="leftFrame"
scrolling="auto"
marginwidth="0"
noresize="true"
marginheight="0"
/>
<frame
src="footer.html"
name="footerFrame"
scrolling="auto"
marginwidth="0"
noresize="true"
marginheight="0"/>
</frameset>
<noframes></noframes>
在frameset
标签内加上style="overflow:scroll;"这个样式就可以出现右边的整页滚动条了

如何让iframe框架和主页面共用一个滚动条(也称为：iframe高度自适应问题)

最近在前端页面遇到了一个问题，我在一个页面中利用iframe框架引入了一个页面进来，但是这个页面的高度是不叫高的，高出电脑屏幕很多，

所以就引发了iframe框架一个滚动条，然后主页面一个滚动条，这样页面就出现了两个滚动条。在网上查了好久，一直没有好的方法，直到我在

网上看到了iframe高度自适应，才解决了这个问题。

自适应的意思是，iframe框架的高度自动适应引入的HTML文件的内容高度，显在页面上的iframe的高度就是引入的文件的高度，这样就解决了公用一个滚动条的问题

js代码：

function setIframeHeight(iframe) 
if (iframe) 
var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
if (iframeWin.document.body) 
iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;


;

window.onload = function () 
setIframeHeight(document.getElementById(‘external-frame‘));
;


html代码：
<iframe src="backtop.html" frameborder="0" scrolling="no" id="external-frame" onload="setIframeHeight(this)"></iframe>

参考网址：http://caibaojian.com/iframe-adjust-content-height.html（iframe高度自适应的6个方法）