我创建了一个新的Blazor服务器端项目。所以默认的整洁布局。我想在我的页面上做一个card/column布局。但是当页面变大时,我可以滚动页面,所以当我向下滚动时,“卡片”将悬停在顶部行菜单栏的上方。例如,当使用"div class col“时,也存在同样的问题。Example to make it more clear 当我使用img标签时不会发生这种情况,所以如果我想在img标签之间制作10个大图片来强制网站有一个滚动条,那么图片就在顶行菜单的后面。 但是就在"div“和不带col的”div“之间,这仍然是可以的,但不是这样的,这将悬停在顶行上。 <div cla
我的UI中的iframe元素有问题。当我调整我的屏幕大小(使它变小),并开始滚动与水平滚动,它不会滚动到iframe,但iframe停留在相同的固定位置,这是不可能看到它。
以及HTML:
<div id="top-element">Some div that has greater width than the inner div</div>
<div id="iframe-wrapper">
<iframe src="http://www.apple.com/" scrolling="
我的意图是在页面顶部创建一个菜单,即使在用户滚动时也是如此(比如Gmail最近的特性,其中有与用户一起滚动的常用按钮,这样他们就可以对消息执行操作,而不必滚动到页面的顶部)。
我还想把下面的内容设置为显示在菜单下面--目前,它出现在菜单后面。
我的目标是这样的:
+________________________+
| MENU | <--- Fixed menu - stays at top even when scrolling.
+¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬+
| CONTENT BEGINS |
|