frameset上下分布的多个frame怎么公用一个滚动条

frameset已经被HTML5废弃，不再被推荐使用。现在推荐使用CSS来布局网页。如果你的网页使用了frameset布局，建议将其改为使用CSS Flexbox或Grid布局。

如果你的网页必须使用frameset布局，那么可以使用JavaScript来实现多个frame共用一个滚动条。

具体实现步骤如下：

1. 在frameset中添加一个垂直分割线，将frameset分为上下两个部分。

2. 在上部分的frame中添加一个内联框架（iframe），用于显示需要滚动的内容。

3. 在下部分的frame中添加一个空的内联框架，用于占位。

4. 在上部分的frame中添加一个JavaScript脚本，用于获取下部分的内联框架，并将其高度设置为0。

5. 在上部分的frame中添加一个滚动条，用于控制内联框架的滚动。

示例代码如下：

<frameset cols="100%">
  <frame src="top.html" scrolling="no" />
  <frame src="bottom.html" scrolling="no" />
</frameset>

在上部分的frame（top.html）中，添加以下JavaScript代码：

var bottomFrame = parent.frames[1].document.getElementsByTagName("iframe")[0];
bottomFrame.style.height = "0";

var scrollbar = document.createElement("div");
scrollbar.style.position = "fixed";
scrollbar.style.bottom = "0";
scrollbar.style.left = "0";
scrollbar.style.width = "100%";
scrollbar.style.height = "20px";
scrollbar.style.backgroundColor = "gray";
document.body.appendChild(scrollbar);

scrollbar.addEventListener("scroll", function() {
  bottomFrame.contentWindow.scrollTo(0, this.scrollTop);
});

这段代码首先获取了下部分的内联框架，并将其高度设置为0，以便让滚动条和上部分的内容占据整个页面。然后，创建了一个固定在页面底部的滚动条，并添加了一个滚动事件，用于控制下部分内联框架的滚动。

在下部分的frame（bottom.html）中，不需要添加任何代码，只需留空即可。

这样，就可以实现frameset上下分布的多个frame共用一个滚动条的效果了。