<script>
$(function(){
var $hide =$('.fadeout');
$(window).scroll(function(){
if($(this).scrollTop()<1){
$hide.fadeIn();
}else{
$hide.fadeOut();
}
});
});
</script>
<div class="c full gra1 b1">
<div class="fade fadeout">スクロールで消える</div>
</div>
<script>
$(function(){
var $show =$('.fadein');
$(window).scroll(function(){
if($(this).scrollTop()<1){
$show.fadeOut();
}else{
$show.fadeIn();
}
});
});
</script>
<div class="c full gra1 b1">
<div class="fade fadein">スクロールで現れる</div>
</div>
<div class="c full gra1 b1">
<div class="fade fadein">スクロールで入れ替わる</div>
<div class="fade fadeout">スクロールで入れ替わる</div>
</div>
<style>
.c{
}
.fade {
position: absolute;
margin: 0px;
color: #FFF;
text-align: center;
padding:10px 7px;
border-radius: 10px;
font-size: 13px;
line-height: 18px;
}
.fadein {
background-color: #00F;
display: none;
}
.fadeout {
background-color: #F00;
}
</style>