在我的rails应用程序中,我正在尝试构建一个简单的FAQ页面,该页面有一个侧边栏,当您单击某个主题时,它会向下移动到该问题。
因此,侧边栏中的一段代码如下所示:
<li><a href="#work">How does it work?</a></li>
然后我有一个与工作“id=”相匹配的h2。
当我测试它时,它总是超调,我想是因为它显示的内容从页面的顶部开始,这被Bootstrap中的导航栏所隐藏。解决这个问题的最好方法是什么?
我如何让左侧边栏(孙子)相对于主体是粘性的,但导航栏和主要内容是可滚动的。 <div>
<div>navbar (should scroll away)</div>
<div>
<div>side pane (should stick to the top of the screen)</div>
<div>main content (should scroll away)</div>
</div>
</div>
我在为我们正在工作的应用程序计算z索引顺序时遇到了问题,我有两个根父级,一个导航栏和一个地图,还有一个子级,即地图工具提示。导航栏应该在地图上方可见,因此它具有更高的z索引,但问题是使地图容器中的工具提示也显示在侧边栏上,这有点难以解释,因此您可以在上可视化这种情况:
<div id="nav-bar">
The nav bar
</div>
<div id="map-container">
This is the map container
<div id="tool
我目前正在构建一个网页,其中一些元素被放置在靠近顶部边缘的固定位置。因此,每当我导航到锚点时,这些锚点就会被放在这些固定元素的正下方。我想知道是否有一些样式或其他方法,当导航到锚点时,这会发生一些额外的偏移量/边距?
示例源代码
<html>
<body>
<div style="position:fixed; top:0px; height:100px; background:white;">
This covers the top 100px of the screen.
</div>
<div style="