Intento cargar un encabezado de barra de navegación fijo en varias páginas html estáticas.
Yo uso este script jquery para hacerlo:
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"> </script> <script> $(function(){ $("#header").load("header.html"); }); </script>y esto para cargarlo donde yo quiera
<header id="header" class="header-transparent header-transparent-light-bottom-border header-transparent-light-bottom-border-1 header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyChangeLogo': true, 'stickyStartAt': 30, 'stickyHeaderContainerHeight': 70}"> </header>Todo funciona bien, excepto la parte adhesiva de la barra de navegación. Por una razón que desconozco, decide actuar como una barra de navegación no pegajosa y desplazarse con el contenido de la página.
Asegúrese de que su CSS se cargue correctamente y no se anule. Verifique la consola del navegador para ver los errores de Javascript y también verifique si el estilo que agregó se está implementando o no.
Otra solución alternativa, intente agregar un estilo en línea:
<div class="header" style="position: fixed; top: 0;" > <h2>My Header</h2> </div>