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

Question

我打算使用Dreamweaver设计一个仅滚动页面上内容的网页。保留背景图像对滚动没有影响。

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

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

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

* 标题 - 即通常是LOGO的位置，主要是放置菜单的位置。我希望你能解决我在Facebook上所指的问题。

先谢谢＆amp;干杯！

Answer 1

关于固定标题：

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

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

此方法存在许多问题：

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

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;