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

我打算使用Dreamweaver设计一个只滚动页面内容的网页。在滚动时不留下背景图像。设计一个允许内容滚动的网页 - Dreamweaver

子Qstn - 如何让页眉在网页上向下滚动时始终保持最前面的页眉。 Facebook.com将此功能归属为蓝色标题始终保持活动状态。

我期待Dreamweaver中的指令设计。回应赞赏使用其他方法和软件工具。如果两个问题的答案分别构成，我会很高兴。

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

* header - ie.e通常是LOGO的位置，大部分是菜单的放置位置。我希望你能在Facebook中引用我所指的。

在此先感谢&干杯！

2012-05-08 theprotocol

1）使用'background-attachment：fixed'风格。 2）我相信DreamWeaver把这些东西称为“图层”。但是，你也可以简单地使用'position：fixed'的风格。3）StackOverflow不是教程网站。 –

关于固定标题：

在CSS中，这是通过：

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

有使用这种方法的许多问题：

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

来源

2012-05-08 08:13:03 FelipeAls

我想知道为什么谷歌（在他们的一些应用程序中），Twitter和Facebook例如使用这种技术，如果它很糟糕。 – ONOZ

@ONOZ我正在谈论的内容，而不是应用程序的网页，所以谷歌的例子是无关紧要的。 Twitter有一个40px的固定标题，这是合理的（虽然有时还很烦人）。我不记得Facebook。两者都非常特别，显示无限的内容：不是你的平均网页/网站。他们做的是正确的事情还是用户习惯于小型的“垃圾”？他们在引入较小的烦恼时是否解决了更大的问题？总的来说，“*大网站A这样做，因此即使我的内容不相关，我也可以做同样的事情*”不是......我们应该考虑imo – FelipeAls

我并不是说这很好，因为一些大玩家使用它，我只是想知道为什么。也许你可以在你的答案中使用它，因为这个问题并没有说明它是一个基于内容的网站还是一个更类似于应用程序的网站。 – ONOZ