css static header on scroll

Concerned Crocodile answered on November 10, 2021 Popularity 10/10 Helpfulness 3/10

answer css static header on scroll

related how to fix header on scroll

css static header on scroll

Comment

-2

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

Popularity 10/10 Helpfulness 3/10 Language css

Source: css-tricks.com

Tags: css scroll

Link to this answer
Share Copy Link

Contributed on Nov 10 2021

Concerned Crocodile

0 Answers Avg Quality 2/10

Closely Related Answers

how to fix header on scroll

Comment

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>

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: header he

Link to this answer
Share Copy Link

Contributed on Apr 15 2022

Abhi

0 Answers Avg Quality 2/10

css static header on scroll

Contents

More Related Answers

css static header on scroll

Closely Related Answers

how to fix header on scroll

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.