2012-12-01 8 views
5

ho implementato un jquery per l'intestazione di correzione quando l'utente scorre verso il basso l'intestazione otterrà la posizione corretta. Funziona su tutti i browser tranne ie8. qualcuno potrebbe suggerire il modo corretto.intestazione fissa su scroll non funzionante in ie8

$(document).ready(function() 
{ 
    $(document).scroll(function() 
    { 
     var window_y = $(window).scrollTop(); 
     var header_h = $('.header').height(); 
     if(window_y > header_h) 
     { 
      $(".header").addClass('fixed'); 
     } 
     else 
     { 
      $(".header").removeClass('fixed'); 
     } 
    }); 
}); 

riferimento di lavoro è here.

+0

suggerisce di creare una demo in jsfiddle.net che replica il problema – charlietfl

+0

il collegamento di violino è aggiornato ha senso ora? o qualsiasi altra cosa di cui hai bisogno voglio rendere la parte dell'header come "shopper.queldorei.com", basta scorrere verso il basso l'intestazione che otterrà la correzione. – matthewb

risposta

0

provare questo e questo funzionerà bene o anche si può dare altezza fissa di intestazione, senza fare variabile di intestazione pls provano prima console

$(window).scroll(function() { 
    var header_h = $('.header').height(); 
    //console.log(header_h); 
    if ($(this).scrollTop() > header_h) 
    { 
     $(".header").addClass('fixed'); 
    } 
    else 
    { 
     $(".header").removeClass('fixed'); 
    } 
}); 

fatemelo sapere se hai qualche problema quando provi questo

+0

nessun vantaggio per la variabile altezza testa a meno che non lo sposti dal gestore di scorrimento, che è una buona idea poiché l'evento di scorrimento spara molte volte al secondo – charlietfl

+0

ho un lavoro dal vivo di questo e questo sta funzionando in ie8 bene ma ora funziona in ie7 qui è il link e puoi controllare questo http://msg91.com/india/ –

+0

ya questo funziona bene in ie8 .. – matthewb