標簽作為容器，并在其中插入需要滾動的內容，如下所示：

<div class="scroll-container">
<ul>
<li>內容1</li>
<li>內容2</li>
<li>內容3</li>
<li>內容4</li>
<li>內容5</li>
<li>內容6</li>
<li>內容7</li>
<li>內容8</li>
<li>內容9</li>
<li>內容10</li>
</ul>
</div>

接下來，設置CSS樣式，使滾動懸浮窗口具有固定高度，并將內容設置為可滾動，如下所示：

.scroll-container {
height: 300px; /* 設置容器高度 */
overflow-y: scroll; /* 設置內容可滾動 */
}

最后，如果需要在滾動過程中固定頂部或底部的一些內容，可以在CSS中設置相應的樣式，如下所示：

.scroll-container {
height: 300px;
overflow-y: scroll;
position: relative; /* 設置滾動容器為相對定位 */
}
.fixed-top {
position: absolute; /* 設置頂部內容為絕對定位 */
top: 0;
left: 0;
width: 100%;
height: 50px;
background-color: #f5f5f5;
}
.fixed-bottom {
position: absolute; /* 設置底部內容為絕對定位 */
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background-color: #f5f5f5;
}

通過以上代碼設置，就可以實現一個帶有滾動懸浮窗口的頁面效果了。在實際應用中，可以根據需要進行微調和擴展。