スクロールでheader固定
//スクロールで要素固定
<script>
$(window).on('scroll', function() {
$('#header').toggleClass('fixed_header', $(this).scrollTop() > 50);
$('#wrapper').toggleClass('fixed_wrapper', $(this).scrollTop() > 50);
});
</script>
//http://flex6.test-web.mobi/inview/fadein_offset/fadein_offset.php
<script>
$(window).scroll(function(){
var contents_box = $("#block_02"),
offset = contents_box.offset();
if($(window).scrollTop() > offset.top) {
$("#header_scroll_display").addClass("fixed");
$("#header_scroll_display").fadeIn();
} else {
$("#header_scroll_display").fadeOut();
}
});
</script>
//http://flex6.test-web.mobi/inview/fadein_offset/fadein_offset.php
<script>
$(window).scroll(function(){
var window_top = $(window).scrollTop();
var block_start = $("#block_02").offset().top;
if(window_top > block_start) {
$("#header_scroll_display").addClass("fixed_02");
$("#header_scroll_display").fadeIn();
} else {
$("#header_scroll_display").fadeOut();
}
});
</script>