Navigation dynamisch färben

[jsdmueller]

Hallo,

ich habe folgendes Problem:
Ich baue eine Onepage, div1 ist 500px hoch, div2 auch, beide liegen untereinander mit 100% Breite.

div1 ist blau und div2 weiß.

Ich möchte, dass die Navigation (Textfarbe) beim scrollen oder klicken in div2 von weiß in schwarz wechselt und wieder zurück.

Zur Ansicht habe ich ein Bild angefügt...

Über Lösungsansätze würde ich mich sehr freuen!

 

[Tronjer]

Und was hast bisher versucht?

$(document).on(
  'scroll' : function(e) {
    // reagiere auf e.target.nodeName
  }, 
  'click', 'mein_div' : function() {
    $(this).toggleClass('black');
  }
);

Für mehr Unterstützung musst du einen eigenen Ansatz liefern. Und nein, das obere ist nicht zum copy & paste bestimmt.

 

[jsdmueller]

Hey Trojer,
erstmal danke für die Antwort. Mein Ansatz war bisher.


$(window).load(function(){
$(document).ready(function () {
var menu = $('.m1');

$(window).scroll(function () {
var y = $(this).scrollTop();
var z = $('#seite2').offset().top;

if (y >= z) {
menu.removeClass('menu').addClass('menu2');
}
else{
menu.removeClass('menu2').addClass('menu');
}

});


funktioniert soweit ganz i.O. nur beim Reload der Seite natürlich nicht und auch in #seite2 nicht direkt am Anfang des DIV sondern erst mittendrin.

 

[jsdmueller]

Mein Problem ist das ich kaum Ahnung von Javascript habe ;-)

Und wenn ich die Seite mit meinem Script lade, dann funktioniert der Slider nicht mehr, zu viel Javascript?

Und was hast bisher versucht?

$(document).on(
  'scroll' : function(e) {
    // reagiere auf e.target.nodeName
  },
  'click', 'mein_div' : function() {
    $(this).toggleClass('black');
  }
);

Für mehr Unterstützung musst du einen eigenen Ansatz liefern. Und nein, das obere ist nicht zum copy & paste bestimmt.

 

[threadi]

Nicht "zuviel" sondern eher unverträgliche Funktionen. Welche das genau sind kann man ohne Link zur Seite nicht sagen.