当前位置: 首页 > 面试题库 >

如何在滚动时始终将标题保持在顶部?

郑正阳
2023-03-14
问题内容

我如何header避免滚动页面的其余部分?我考虑过使用frame- setsiframes,只是想知道是否有更简单,更用户友好的方法,这样做的最佳实践是什么?


问题答案:

使用position: fixeddiv包含您的头,喜欢的东西

#header {
  position: fixed;
}

#content {
  margin-top: 100px;
}

在此示例中,当#content开始时位于下方100px处#header,但随着用户滚动,它#header保持原位。当然,不用说,您需要确保#header有背景,以便当两个divs重叠时,其内容实际上是可见的。



 类似资料:
  • 我有一个非常标准的,带有垂直。我一直在顶部插入新项目,并调用 < 我希望列表保持滚动到顶部;总是显示第0个位置。 从我的需求的角度来看,< code>LayoutManager根据项目的数量表现不同。 虽然所有项目都适合屏幕,但它的外观和行为与我预期的一样:新项目总是出现在顶部,并移动其下的所有项目。 但是,一旦项目数超过RecyclerView的界限,新项目就会添加到当前可见项目的上方,但可见项

  • 问题内容: 我正在MVC中从事一个项目,并且对此有所了解。有一些成长的烦恼,但一旦您找出来,那还不错。在WebForms世界中,真正简单的一件事是保持页面上的滚动位置。您所要做的只是将MaintenanceScrollPositionOnPostback属性设置为true。但是,在MVC中,我不使用回发,因此这对我不起作用。处理此问题的标准方法是什么? 编辑: Ajax是可以接受的,但我也想知道如

  • 问题内容: 我希望能够“调整” HTML表的演示文稿以添加一个功能:向下滚动页面以使表在屏幕上但标题行不在屏幕上时,我希望标题保留在查看区域的顶部可见。 从概念上讲,这将类似于Excel中的“冻结窗格”功能。但是,HTML页面中可能包含多个表,并且我只希望它在当前处于可见状态的表中发生,只有在处于可见状态时才发生。 注意:我已经看到一种解决方案,其中表数据区域可滚动而标题不滚动。那不是我要找的解决

  • 我正在编写一个应用程序,打算在双监视器设置上运行,其中一个监视器上的“Display”JFrame全屏显示,另一个监视器上的“Control”JFrame向显示器发送指令。我尝试了两种不同的全屏显示设置方法;每种技术的成功似乎都取决于操作系统。 可以在Windows中工作,但JFrame在OS X和Linux中隐藏在dock/Panel下。 我的另一种方法,利用 在我试过的三种操作系统中都能工作,

  • 问题内容: 我的问题是当我在回收视图中滚动数据时,所以加载了新数据,但问题是当新数据加载时,回收视图从第一个产品开始, 我需要保持旧的位置,只滚动新数据,而不滚动所有旧数据 目前,我正在添加文件adeptoer文件和主文件的完整代码, 问题答案: 试试这个:

  • 问题内容: 我正在创建一个标头,一旦滚动到一定数量的像素,它就会固定并保持在原位。 我可以只使用CSS和html来执行此操作吗,还是也需要jquery? 我创建了一个演示,以便您可以理解。任何帮助将是巨大的! 问题答案: 您需要一些JS来进行滚动事件。最好的方法是为固定位置设置一个新的CSS类,当滚动超过某个点时,该类将分配给相关的div。 HTML CSS jQuery 编辑:扩展示例 如果触发