sticky header yaratmaq

İstəyirəm ki, bir div yaradım və bu div-in arasında olan elementlər (şəkillər inputlar və s.) sticky header kimi görsənsin. İstifadəçi səhifəni aşağı edəndə ekranın yuxarı hissəsində yapışıb qalsın, amma istifadəçi yuxarı səhifəni yuxarını qaldıranda yox olsun. Hazır bir example olsaydı pis olmazdı 🙂

Sualı verdi: Ayxan (10/06/2015)

Yadda saxlama

CSS, header, JavaScript, jQuery, sticky. Qısa keçid.

Verilmiş cavablar və yazılan şərhlər (2 cavab var)

NModern

(11:50, 11/06/2015 ) #56112

Chrome-de mausla firladanda atdanirdi deye onunchun elave kod yazmali oldum. Yoxlayib xeber verersiniz.

//CHROMA GORE START
if (window.addEventListener) window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
function wheel(event) {
    $('#divmiv').css('top', $(this).scrollTop() + "px");
}
//CHROMA GORE END
$(window).scroll(function() {
    if($(this).scrollTop()<100){
        $('#divmiv').fadeOut("slow");        
    }
    elseif($(this).scrollTop()>=100){
        $('#divmiv').fadeIn("slow");            
    }
    $('#divmiv').css('top', $(this).scrollTop() + "px");
});

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

Ayxan

(01:13, 13/06/2015 ) #56148




<div id="divmiv"><h1>Salam</h1></div>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>
<p>Salam</p>


//CHROMA GORE START
if (window.addEventListener) window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
function wheel(event) {
    $('#divmiv').css('top', $(this).scrollTop() + "px");
}
//CHROMA GORE END
$(window).scroll(function() {
    if($(this).scrollTop()=100){
        $('#divmiv').fadeIn("slow");            
    }
    $('#divmiv').css('top', $(this).scrollTop() + "px");
});

Uncaught SyntaxError: Unexpected token { on line 48

Cavablamaq üçün sağ sütundan hesaba daxil olmaq lazımdır

Bu suala aid öz sualım var:
Sual verin

Bu suala cavab vermək istəyirəm:
Cavab verin