Conrad99
06.02.2018, 18:23
Warum ändert sich nicht dynamisch die Position vom ganz normalen Bootstrap Affix Menü (mit jQuery)?

Das ganz normale Bootstrap "Affix Top"-Menü von W3Schools funktioniert ja eigentlich einwandfrei mit dem jQuery-Script:

$(document).ready(function(){
  $(".navbar").affix({offset: {top: $("header").outerHeight(true)} });
});

Doch verkleinert man die Seite etc., vergrößert sich ja auch die Höhe des Headers und somit wird dieses "sticky top" nicht mehr korrekt ausgeführt, da ja die Höhe des Headers nur beim Neuladen berechnet wird.

So muss man bei jedem Verkleinern der Seite die Seite neu laden, damit alles einwandfrei funktioniert. Also hab ich den Code so angepasst, damit bei jedem Verändern der Webseite diese "Affix" neu berechnet wird:

$(document).ready(function(){
  $(".navbar").affix({offset: {top: $("header").outerHeight(true)} });
  $(window).resize(function(){
     $(".navbar").affix({offset: {top: $("header").outerHeight(true)} });
  });
});

Mit console.log hab ich auch alles kontrolliert und er berechnet immer neu. Doch es verändert sich am Ende gar nichts und man muss immer die Seite beim Verkleinern neu laden damit alles funktioniert.

Hat da jemand einen Plan, warum das nicht geht?

PS.: Der Style:

.affix {
  top: 0;
  width: 100%;
  z-index: 9999 !important;
}

.affix + .container-fluid {
  padding-top: 58px !important;
}

Danke für Antworten :)

 ...zum Beitrag
Antwort
von Conrad99
10.02.2018, 13:05

Leute ich habs selber gelößt:

$(document).ready(function() {
  $(".navbar").affix({
    offset: {
      top: $("header").outerHeight(true)
    }
  });

  $(window).resize(function() {
    var a = $("header").outerHeight(true);
    $(".navbar").data("bs.affix").options.offset.top = a;
  });
});

nach 4 h Stackoverflow Recherche und ausprobieren hab ich das Problem gefunden. Es ist nämlich ein bisschen komplizierter da hier ein Attribut übergeben wird usw..

das .top am Ende kann man auch weglassen, es geht auch ohne

außerdem könnte man auch ein Objekt mit der top und left position erstellen, ist aber auch überflüssig

 ...zur Antwort
Conrad99
06.02.2018, 18:23
Warum ändert sich nicht dynamisch die Position vom ganz normalen Bootstrap Affix Menü (mit jQuery)?

Das ganz normale Bootstrap "Affix Top"-Menü von W3Schools funktioniert ja eigentlich einwandfrei mit dem jQuery-Script:

$(document).ready(function(){
  $(".navbar").affix({offset: {top: $("header").outerHeight(true)} });
});

Doch verkleinert man die Seite etc., vergrößert sich ja auch die Höhe des Headers und somit wird dieses "sticky top" nicht mehr korrekt ausgeführt, da ja die Höhe des Headers nur beim Neuladen berechnet wird.

So muss man bei jedem Verkleinern der Seite die Seite neu laden, damit alles einwandfrei funktioniert. Also hab ich den Code so angepasst, damit bei jedem Verändern der Webseite diese "Affix" neu berechnet wird:

$(document).ready(function(){
  $(".navbar").affix({offset: {top: $("header").outerHeight(true)} });
  $(window).resize(function(){
     $(".navbar").affix({offset: {top: $("header").outerHeight(true)} });
  });
});

Mit console.log hab ich auch alles kontrolliert und er berechnet immer neu. Doch es verändert sich am Ende gar nichts und man muss immer die Seite beim Verkleinern neu laden damit alles funktioniert.

Hat da jemand einen Plan, warum das nicht geht?

PS.: Der Style:

.affix {
  top: 0;
  width: 100%;
  z-index: 9999 !important;
}

.affix + .container-fluid {
  padding-top: 58px !important;
}

Danke für Antworten :)

 ...zum Beitrag
Antwort
von Conrad99
08.02.2018, 12:44

Leute, die Frage ist noch immer unbeantwortet, kann mir den hier keiner helfen? Please! :)

 ...zur Antwort
Conrad99
06.02.2018, 18:23
Warum ändert sich nicht dynamisch die Position vom ganz normalen Bootstrap Affix Menü (mit jQuery)?

Das ganz normale Bootstrap "Affix Top"-Menü von W3Schools funktioniert ja eigentlich einwandfrei mit dem jQuery-Script:

$(document).ready(function(){
  $(".navbar").affix({offset: {top: $("header").outerHeight(true)} });
});

Doch verkleinert man die Seite etc., vergrößert sich ja auch die Höhe des Headers und somit wird dieses "sticky top" nicht mehr korrekt ausgeführt, da ja die Höhe des Headers nur beim Neuladen berechnet wird.

So muss man bei jedem Verkleinern der Seite die Seite neu laden, damit alles einwandfrei funktioniert. Also hab ich den Code so angepasst, damit bei jedem Verändern der Webseite diese "Affix" neu berechnet wird:

$(document).ready(function(){
  $(".navbar").affix({offset: {top: $("header").outerHeight(true)} });
  $(window).resize(function(){
     $(".navbar").affix({offset: {top: $("header").outerHeight(true)} });
  });
});

Mit console.log hab ich auch alles kontrolliert und er berechnet immer neu. Doch es verändert sich am Ende gar nichts und man muss immer die Seite beim Verkleinern neu laden damit alles funktioniert.

Hat da jemand einen Plan, warum das nicht geht?

PS.: Der Style:

.affix {
  top: 0;
  width: 100%;
  z-index: 9999 !important;
}

.affix + .container-fluid {
  padding-top: 58px !important;
}

Danke für Antworten :)

 ...zum Beitrag
Antwort
von Conrad99
07.02.2018, 20:02

Hat einer eine Idee dazu? Wäre echt nett wenn einer hier antworten könnte :)

 ...zur Antwort
Fettbazn
30.12.2017, 12:45
Programm zum Tastendruck simulieren?

Hey leute, ich bräuchte da so ein programm das einen tastendruck simulieren kann, also z.b. jede sekunde die taste E drücken. Meine Tastatur kann das meines wissens nach nicht (sharkoon skiller pro+) und ich habe auf anhieb nichts gefunden... vielleicht wisst ihr ja eins?

 ...zum Beitrag
Antwort
von Conrad99
30.12.2017, 12:48

hi, das geht ganz einfach mit der Programmiersprache VBS. Google mal nach "vbs send keys", da kannst du dir dann so ein Code kopieren. Es gibt da bestimmt auch schon fertige Programme aber damit hab ich mich noch nicht beschäftigt :)

 ...zur Antwort