在页面顶部固定一个区域,如面包屑。(ORACLE-APEX)

在页面顶部固定一个区域,如面包屑。(ORACLE-APEX),oracle-apex,oracle-apex-5,Oracle Apex,Oracle Apex 5,我想在页面顶部的面包屑栏下方固定一个静态区域,这样当我向下滚动页面时,静态区域会随着面包屑栏一起浮动。 一种解决方案是在breadcumb区域内定义静态区域。但是,我希望这是一个单独的区域 最初,我想建议您使用浮动CSS类 但后来我发现,您在breadcrumbs部分中放置的任何项目(区域或其他)默认设置为浮动。因此,不必在面包屑区域内添加区域。您可以将其添加到外部,但在breadcrums部分中,如图所示: 结果是: 更新 您可以使用body部分添加浮动区域,该区域允许您在开箱即用的情况下

我想在页面顶部的面包屑栏下方固定一个静态区域,这样当我向下滚动页面时,静态区域会随着面包屑栏一起浮动。
一种解决方案是在breadcumb区域内定义静态区域。但是,我希望这是一个单独的区域

最初,我想建议您使用浮动CSS类 但后来我发现,您在breadcrumbs部分中放置的任何项目(区域或其他)默认设置为浮动。因此,不必在面包屑区域内添加区域。您可以将其添加到外部,但在breadcrums部分中,如图所示:

结果是:

更新
您可以使用body部分添加浮动区域,该区域允许您在开箱即用的情况下并排添加项目。但实现这一目标有点麻烦。在我看来,你最好的选择是操纵面包屑部分的物品。我取得的成就如下:

  • 在面包屑部分的区域中添加了三个数字字段
  • 将以下CSS类添加到我的页面:

  • 对于每个字段项,我应用了CSS类:

  • 结果是浮动区域中的项目并排排列


这似乎设计过度了。你不能把这个区域放在面包屑栏的位置吗?

我尝试了此解决方案,但由于柱跨度的原因,它有一个问题。在面包屑区域,它不允许您并排添加两个项目。我想在浮动区域的“项目”部分并排添加项目。@TirambadShiwakoti请参阅我的更新答案以解决您的问题