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

【问题标题】：Designing a webpage that allows content scrolling only - Dreamweaver设计只允许内容滚动的网页 - Dreamweaver
【发布时间】：2012-05-08 08:01:21
【问题描述】：

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

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

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

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

*header - 即通常是 LOGO 和菜单放置的位置。我希望你明白我在 Facebook 中指的是什么。

在此先感谢您！

【问题讨论】：

1) 使用 background-attachment:fixed 样式。 2) 我相信 DreamWeaver 将这些东西称为“层”。但是您也可以简单地使用position:fixed 的样式。 3) StackOverflow 不是一个教程网站。

【解决方案1】：

关于固定头：

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

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

这种方法有很多问题：

【讨论】：

我想知道为什么谷歌（在他们的一些应用程序中）、Twitter 和 Facebook 使用这种技术，如果它如此糟糕。
@ONOZ 我说的是带有内容的网页，而不是应用程序，因此 Google 示例在这里无关紧要。 Twitter 有一个 40px 的固定标题，这是合理的（虽然有时仍然很烦人）。我不记得脸书了。两者都非常特别，显示无限内容：不是您的普通网页/站点。他们是在做正确的事情©还是用户已经习惯了小“废话”？他们是否通过引入较小的烦恼来解决更大的问题？一般而言，“大网站 A 正在这样做，因此即使我的内容不相关，我也可以这样做”不是我们应该考虑的 imo
我并不是说它很好，因为一些大玩家使用它，我只是想知道为什么会这样。也许您可以在回答中使用它，因为问题没有说明它是基于内容的网站还是更像应用程序的网站。

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

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

【讨论】：