设计一个只允许内容滚动的网页- Dreamweaver

Question

我打算使用Dreamweaver设计一个网页，它只滚动页面上的内容。留下背景图像而不影响滚动.

Sub如何允许标题在页面向下滚动时始终处于顶部的活动状态。Facebook.com属性此特性蓝色标头始终保持活动状态。

我期待着在Dreamweaver中进行教学设计。答复赞赏使用其他方法和软件工具。如果这两个问题的答案是分开的，我会很高兴的。

*内容--即基本上是标志、文字、图片和任何背景图像之上的内容。

*标题-即通常是徽标和菜单放置的位置。我希望你能理解我在Facebook上所说的话。

提前感谢&干杯！

Answer 1

关于固定的标题：

在CSS中，这是通过以下方式实现的：

#header {
    position: fixed;
}
#content {
    padding-top: enough; /* otherwise the header would hide the beginning of content */
}

这种方法存在许多问题：

• 按下滚动一个页面的空间将忽略页面的一部分被固定内容占用的事实。内容不再占据1页的高度，稍微少一点。
• 固定页脚更糟糕:通过链接和表单元素使用键盘选项卡，但它们会出现在固定的页脚下面。请不要这样做，或者有办法让每个用户都禁用它。
• 它将在上网本上占用有用的屏幕不动产；1024 x 600 px减去OS栏、窗口条、浏览器菜单:没有那么高了！
• 用户知道你的标题或菜单在哪里:页面顶部。他们知道网络是怎么运作的，没关系。您仍然可以提供“转到顶部”链接/快捷方式，它们在长页上很有用。

Answer 2

我可以把你引向正确的方向。

正如在Scroll to anchor with fixed header, content hidden behind header, margin and top padding not working上提到的，您可以在http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo/#method-D上得到您的子问题的答案，注意导航是如何固定的，因为内容是上下滚动的。

请在w3schools http://www.w3schools.com/css/tryit.asp?filename=trycss_background-attachment上看到这个关于固定背景的演示。希望这能有所帮助。

对于很多这些，您至少需要一些html/css知识，dreamweaver在需要学习html和css之前只能做这么多。

Answer 3

background: url("asdf.jpg") fixed;