Modifier l'arrière-plan de l'en-tête fixe lorsque le défilement au-delà des éléments
Je vais essayer d'obtenir la couleur d'arrière-plan de mon en-tête fixe le point de changer à défilement sur certaines sections DIV sur la page, similaire à ceci:
Les sections que je suis sur de ne pas avoir une hauteur fixe.
J'ai trouvé cette question similaire Changement de couleur d'arrière-plan pendant le défilement
( qui utilise ce violon http://jsfiddle.net/cEvJk/18/ )
var t = $('#about').offset().top - 100;
$(document).scroll(function(){
if($(this).scrollTop() > t)
{
$('header').css({"background-color":"green"});
}
});
Mais je ne suis pas en mesure pour obtenir l'effet de répéter pour toutes les sections.
est
Dans le exemple vous donner L'en-tête est, en réalité, a un arrière-plan transparent.
Pouvez-vous montrer votre violon ou de tout lien de démonstration où vous travaillez actuellement?
Salut Dhiraj Shah, j'ai téléchargé un exemple de site jusqu'à maintenant, jiraff.co.uk/demo/demo.html
header
la <header>
tag ou une classe?Dans le exemple vous donner L'en-tête est, en réalité, a un arrière-plan transparent.
Pouvez-vous montrer votre violon ou de tout lien de démonstration où vous travaillez actuellement?
Salut Dhiraj Shah, j'ai téléchargé un exemple de site jusqu'à maintenant, jiraff.co.uk/demo/demo.html
OriginalL'auteur Dale Irwin | 2014-02-13
Vous devez vous connecter pour publier un commentaire.
Essayez ceci :
Et ainsi de suite avec
var t2 = ...
.Ne pas oublier de mettre des valeurs plus élevées sur le dessus de la
if
'sHeureux de vous aider 🙂
J'ai remarqué que la façon dont je l'ai configurer lui fait faire un peu différemment si la fenêtre est redimensionnée - savez-vous si il ya quelque chose qui peut être fait pour rendre ce script d'actualisation sur navigateur redimensionner?
Voir here
OriginalL'auteur Serge K.
Vous pouvez simplifier un peu les choses en utilisant jQuery .méthode each() comme ceci:
Exemple De Travail
De la la documentation:
OriginalL'auteur apaul
Bon alors je suis venu avec CE VIOLON
OriginalL'auteur Lokesh Suthar