ユーザーがページのスクロールを開始するときに、ヘッダーを非表示にして上部に(ヘッダーのすぐ下に)スティックします。スクロールでヘッダーを非表示にして下にスクロール
- ユーザーがトップから350pxに達するまで、トップに留まる必要があります。
- ユーザーが上にスクロールすると、ヘッダーのみが表示され、下にはdivは表示されません。
私はcss
(固着した固定位置)で試しましたが、望みの結果が得られていません。
は、ここに私のfiddle
だここで私は(誰かの助けを借りて)みましたが、これは私が達成しようとしているもののわずか25%であることが(私はそれで良いではないよ)jQueryの。
$(function(){
$(window).scroll(function(e) {
if($(this).scrollTop()>300){
$('.header').fadeOut(); // Fading in the button on scroll after 300px
}
else{
$('.header').fadeIn(); // Fading out the button on scroll if less than 300px
}
});
});
そのためにはjqueryが必要です。あなたのjsコードはどこですか? –
私は最後にフィドルでそれを加えました。 – Rahul
jsはありません。 –