Javascript 遇到位置粘性CSS属性的问题
我有两个HTML页面，一个包含导航栏，另一个包含一些其他内容。我使用的是jQuery方法$（“#”）.load（“nav.html”）；出于代码重用的原因，将导航栏加载到任何其他页面。我正在应用CSS属性sticky来修复向下滚动时页面顶部的导航栏。当所有内容都包含在一个页面中时，这很好，但是在将navbar代码分解为nav.html并将其加载到其他页面的顶部之后，sticky属性似乎不再起作用 我知道，具有sticky属性的元素必须有一个更高的父元素才能工作，这在大多数情况下是body标记。通过查看浏览器上的页面检查器，它只显示了一个body标记，以及其中包含的两个HTML文件中的所有内容，这似乎是正确的。因为身体的高度明显大于导航栏。有人能告诉我发生了什么，我也在使用Bootstrap4Javascript 遇到位置粘性CSS属性的问题,javascript,jquery,html,css,bootstrap-4,Javascript,Jquery,Html,Css,Bootstrap 4,我有两个HTML页面，一个包含导航栏，另一个包含一些其他内容。我使用的是jQuery方法$（“#”）.load（“nav.html”）；出于代码重用的原因，将导航栏加载到任何其他页面。我正在应用CSS属性sticky来修复向下滚动时页面顶部的导航栏。当所有内容都包含在一个页面中时，这很好，但是在将navbar代码分解为nav.html并将其加载到其他页面的顶部之后，sticky属性似乎不再起作用 我知道，具有sticky属性的元素必须有一个更高的父元素才能工作，这在大多数情况下是body标记。通
<body>
<!---nabar.html gets loaded into this tag from index.html file-->
<div id="navigation-code"></div>
</body>
....
<!---this is the head of the nav bar container from nav.html file--->
<body>
<nav class="navbar navbar-expand-lg navbar-dark py-0 sticky-top" role="navigation" style="background: black;">
....
</nav>
....
<body/>
....
....
....