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

Question

我打算使用 Dreamweaver 设计一个网页，该网页仅滚动页面上的内容。滚动时使背景图像无效。

Sub Qstn - 当页面向下滚动网页时，如何允许始终位于顶部的标题处于活动状态。Facebook.com 将此功能归因于蓝色标题始终保持活动状态。

我期待在 Dreamweaver 中进行指令设计。使用其他方法和软件工具对响应表示赞赏。如果两个问题的答案是分开的，我会很高兴的。

*内容 - 即基本上是 LOGO、文字、图片以及背景图像上方的任何内容。

*标题 - 即通常是 LOGO 的位置​​，主要是放置菜单的位置。我希望你明白我在 Facebook 中指的是什么。

提前感谢和干杯！

Answer 1

我可以将您链接到正确的方向。

正如在使用固定标题滚动到锚点时提到的，隐藏在标题后面的内容、边距和顶部填充不起作用，您可以在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 2

关于固定标题：

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

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

这种方法有很多问题：

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

Answer 3

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