问题描述
如图，百度搜索页面，上面的搜索栏是一开始就在的（图1）然后当我们把网页拉下去就成图2这种效果了，搜索栏还在，请问这是怎么实现的？图1图2
解决方案
解决方案二：
<style>*{margin:0px;padding:0px;}.d1{width:100%;height:40px;background:#EEE;position:fixed;top:0px;left:0px;}</style><divclass="d1">绝对定位</div><divstyle="height:10000px;"></div>
解决方案三：
引用楼主lyc228520的回复:
如图，百度搜索页面，上面的搜索栏是一开始就在的（图1）然后当我们把网页拉下去就成图2这种效果了，搜索栏还在，请问这是怎么实现的？
你的描述不对。百度搜索，首先出现的是这个界面从这个页面，你才能能理解百度搜索页面。从这个开始，然后进入了你所贴出的页面，这种所谓的“换页”，其实根本没有回发刷新页面，而是在第一个“百度知道”搜索页面里动态改变的。也就是说，整个百度搜索是一个富客户端javascript单页面程序，而是多个页面。所以如果你理解为不同的页面再去写什么css就错了。界面不断变化，但是根本还是在同一个页面里。这是一个单独的javascript程序！更深入的这里就不多说了。因为你还需要学习一些别的东西，才能实际提出更为具体的与这种网页设计方法“对路”的问题。
解决方案四：
是一个富客户端javascript单页面程序，而是多个页面-->是一个富客户端javascript单页面程序，而不是多个页面我们开发web应用程序，要求程序员开发的也是富客户端程序。但是asp.net由于其体系特点，使得asp.net程序员基本上都不是这类程序员。
解决方案五：
理解为“单页面的javascript富客户端程序”就比较容易理解这种页面了。从第一个非常简单的“只有一个输入文本框”的页面，到后边的搜索结果页面，以及页面上出现的各种布局，是javascript动态产生并且动态控制的。例如动态设置可滚动的div的高度和位置，动态计算某些推荐栏应该放3列还是4列。其实跟你在桌面程序源代码中看到的那些（或者你自己写的、或者是vs环境帮你产生的）布局代码差不多。仅仅去想“一个页面怎样静态地设计div和css”是不够的。
解决方案六：
导航悬停<-百度这个
解决方案七：
div置顶而已吧。。
解决方案八：
样式浮动效果啊……需要计算滚动条位置，确认什么时候将div样式调整
解决方案九：
话说csdn不也有类似的效果，你随便打开个帖子，往下拖，你会看到最顶部有帖子的标题什么的浮动在那里
解决方案十：
CSS就可以实现。无需任何javascript，你百度一下CSS绝对定位就可以！很简单