How to make the menu fixed after scrolling to a specific block?

Question

css

How to make the menu fixed after scrolling to a specific block?

Answer 1

leafo.net/sticky-kit
bigspotteddog.github.io/ScrollToFixed
If you want to write it yourself, then listen for the scroll event and read the scrollTop coordinate (in the case of a vertical scroll). In this case, the coordinate must be compared with the absolute position of the block you need along the desired axis.

Answer 2

$(function(){
$(window).scroll(function(){
if ( $(this).scrollTop() > height ){
$('.menu').addClass("fixed");
} else {
$ ('.menu.fixed').removeClass("fixed");
}
});
});