how to fix header on scroll

Abhi answered on November 10, 2021 Popularity 9/10 Helpfulness 5/10

answer how to fix header on scroll

related css static header on scroll

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 javascript scroll

Link to this answer
Share Copy Link

Contributed on Apr 15 2022

Abhi

0 Answers Avg Quality 2/10

Closely Related Answers

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

Link to this answer
Share Copy Link

Contributed on Nov 10 2021

Concerned Crocodile

0 Answers Avg Quality 2/10

how to fix header on scroll

Contents

More Related Answers

how to fix header on scroll

Closely Related Answers

css static header on scroll

Grepper

Documentation

Social

Legal

Contact

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