頁面內容不能滾動頁面（無iframe）

Question

由於我不知道正確的術語，所以我很難說出這個問題。我正在嘗試創建一個網站，以便在滾動主要內容時不會滾動頁面。我希望主要內容在頁面中間的某個地方結束，以免覆蓋我的「固定」背景圖像。但我不想要一個iframe。換句話說，它看起來有點像iframe，但它應該由主滾動條控制。

無論如何，我希望這是有道理的。我會很感激你的建議。

Answer 1

可以使用兩個<div> s，它將覆蓋頂部和底部，以便您的文本可以放在它們的下面。

+----------------+ 
|+--------------+| 
|| top  || 
|+--------------+| 
| your text  | 
|  text  | 
|+--------------+| 
|| bottom  || 
|+--------------+| 
+----------------+ 

在z-index，所述top和bottom將超過主層，並且它們將被定位fixed到左上角和左下角。

位置：http://jsfiddle.net/FE2Wg/3/

Answer 2

您是否已經使用background-attachment: fixed;？

或overflow-y: scroll;與div？

Answer 3

你想在你的HTML塊中顯示滾動條，對吧？嘗試使用CSS溢出屬性。

參考：www.w3schools.com/css/pr_pos_overflow.asp

在您的網頁代碼試試這個：

<style type="text/css"> 
<!-- 
div.scroll { 
height: 200px; 
width: 300px; 
overflow: auto; 
border: 1px solid #666; 
background-color: #ccc; 
padding: 8px; 
} 
--> 
</style> 
<div class="scroll"> 
    <p>This is a scrolling are created with the CSS property overflow.</p> 
    <p>This is a scrolling are created with the CSS property overflow.</p> 
    <p>This is a scrolling are created with the CSS property overflow.</p> 
    <p>This is a scrolling are created with the CSS property overflow.</p> 
    <p>This is a scrolling are created with the CSS property overflow.</p> 
    <p>This is a scrolling are created with the CSS property overflow.</p> 
    <p>This is a scrolling are created with the CSS property overflow.</p> 
    <p>This is a scrolling are created with the CSS property overflow.</p> 
    <p>This is a scrolling are created with the CSS property overflow.</p> 
    <p>This is a scrolling are created with the CSS property overflow.</p> 
    <p>This is a scrolling are created with the CSS property overflow.</p> 
    <p>This is a scrolling are created with the CSS property overflow.</p> 
</div> 

這是你正在試圖做的？