“statyczny nagłówek CSS na przewijaniu” Kod odpowiedzi

Jak naprawić nagłówek na przewijaniu

as per https://sigmascripts.com/how-to-fix-header-on-scroll/ 

<div id="header" class="big_header"> <p>TalkersCode Sticky Header</p> </div>

<script>
$(window).scroll(function()
 {
 if ($(this).scrollTop() > 1)
 {
 $('#header').addClass("sticky_header");
 }
 else
 {
 $('#header').removeClass("sticky_header");
 }
 });
</script>
Abhi

statyczny nagłówek CSS na przewijaniu

table thead,
table tfoot {
  position: sticky;
}
table thead {
  inset-block-start: 0; /* "top" */
}
table tfoot {
  inset-block-end: 0; /* "bottom" */
}
Concerned Crocodile

Odpowiedzi podobne do “statyczny nagłówek CSS na przewijaniu”

Pytania podobne do “statyczny nagłówek CSS na przewijaniu”

Więcej pokrewnych odpowiedzi na “statyczny nagłówek CSS na przewijaniu” w CSS

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu

Shell/Bash
C#
C++
C
CSS
HTML
Java
JavaScript
Objective-C
PHP
Python
Sql
Swift
Ruby
TypeScript
Go
Kotlin
Assembly
R
VBA
Scala
Rust
Dart
Elixir
Clojure
Haskell
Matlab
Erlang
Cobol
Fortran
Scheme
Perl
Groovy
Lua
Julia
Delphi
Abap
Lisp
Prolog
Pascal
ActionScript
Basic
Solidity
PowerShell
GDScript
Excel