Scroll 页面内容不能从页面上滚动（无iframe）

这个问题我很难回答，因为我不知道正确的术语。我正在尝试创建一个网站，这样当我滚动主要内容时，它就不会从页面上滚动下来。我希望主要内容在页面中间的某个地方结束，以免覆盖我的“固定”背景图像。但我不想要iframe。换句话说，它看起来有点像iframe，但它应该由主滚动条控制

---

无论如何，我希望这是有道理的。非常感谢您的建议。

您是否已经在使用

背景附件：已修复

或
overflow-y：滚动带有div？
您想在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>


这是一个使用CSS属性溢出创建的滚动

这是一个使用CSS属性溢出创建的滚动

这是一个使用CSS属性溢出创建的滚动

这是一个使用CSS属性溢出创建的滚动

这是一个使用CSS属性溢出创建的滚动

这是一个使用CSS属性溢出创建的滚动

这是一个使用CSS属性溢出创建的滚动

这是一个使用CSS属性溢出创建的滚动

这是一个使用CSS属性溢出创建的滚动

这是一个使用CSS属性溢出创建的滚动

这是一个使用CSS属性溢出创建的滚动

这是一个使用CSS属性溢出创建的滚动


这就是你想要做的吗？
可以使用两个
覆盖顶部和底部，这样你的文本就可以放在它们下面

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

在
z-index
上，
顶部
和
底部
将位于主层上方，并将其定位在左上角和左下角

这里：
我相信这将为他的div创建一个新的滚动条。固定背景是最好的选择。谢谢你的评论！是的，这就是我想要做的。我只希望使用主滚动条滚动我的内容条目。我是新手，在你给我留下链接之前我不知道JS fiddle！谢谢无论如何，我已经在这里添加了代码：但它确实使用主滚动条滚动。你能不能试着清理一下你的代码，所以你只留下了相关的部分，因为这很难处理，非常混乱。对不起，对不起。我清理了我的代码。我将尝试使用你在上一篇文章中提出的建议。这正是我所需要的，但我想我只是在实现上遇到了困难。我对这个还是很陌生。你能给我一个新的、清理过的版本的链接吗？我相信这就是你需要的：我修复了你在HTML中的错误（尝试缩进你的代码，这样你就不会忘记关闭或关闭更多的标记）。在底部添加了一个新的
footer
div，并对
菜单进行了大量修改。还有一些其他的修改（建议使用100%而不是像
1200px
。在1024*768的屏幕分辨率上，会出现一个丑陋而不必要的水平滚动条）不，我正在尝试使用主滚动条仅获取要滚动的内容条目。我不想在页面中间有一个滚动条。这是我正在使用的代码的链接。