页面内容不能滚动页面（无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> 

这是你正在试图做的？