Frage Element position Fixed am ende der Seite

[noelelias]

Guten Abend
ich suche eine Möglichkeit ein Element welches ziemlich am ende der Seite liegt mit position fixed in den linken oberen ecken zu kriegen. Momentan verschiebt es mir das objekt immer unter den Bildschirm.
Freundliche Grüsse
Noel Schenk

 

[Tronjer]

sticky footer?

 

[noelelias]

Nein ich habe es mal hochgeladen vielleicht kann mir ja wer helfen.
http://idhren.com/idhren/html/manage.php so sieht es aus
http://idhren.com/idhren/html/php_rfid.html so sollte es aussehen einfach mit dem Menü drüber

beim ersten mal drauf einmal Seite reloaden!!

 

[LeCub]

Du willst diese drei Kreise nach oben bekommen, habe Ich das richtig verstanden?

 

[noelelias]

nein ich hätte es gerne so: http://idhren.com/idhren/html/manage.php wieder 2 mal laden
und dann siehst man unten dieser eine Kreis mit den 3 strichen ... der sollte eigentlich an die 2te Seite oben link mit position absolute festgemacht sein

 

[LeCub]

probier mal

position: fixed;
 top: 0;

das sollte eigentlich gehen

 

[noelelias]

ja das Problem ist dieses Ding darf man erst ab der 2ten Seite sehen so ist es schon auf der ersten Seite zu sehen

 

[LeCub]

Dann eventuell mit JavaScript:

window.onscroll = function() {
if(window.scrollY >= window.innerHeight) {
document.querySelector("#menuGet").style.position = "fixed"; 
document.querySelector("#menuGet").style.top = "0";
}
else {
document.querySelector("#menuGet").style.position = "relative";
}
}

 

[Tronjer]

Verstehe jetzt nicht, was mit zweiter Seite gemeint sein soll. Das ist doch nur eine, oder soll es ein SinglePage Scroller werden? Das ist mega-out.

Nebenbei bemerkt gibt es diese Art der Navigation bereits als fertiges UI-Element. Nennt sich FAB SpeedDial.
https://material.angularjs.org/latest/demo/fabSpeedDial

 

[noelelias]

wieso sind SinglePage Scroller out? und nein soll es nicht

 

[Tronjer]

Warum stellst du dann beide Elemente auf die selbe Seite, wenn das untere eigentlich auf einer anderen stehen soll?

 

[noelelias]

weil es ein ajax übergang sein soll und unter der Hauptseite also das oben kommt dann immer die neue Seite hin.

 

[Tronjer]

Also eine SinglePage App à la meine.seite.de/#/home?

Ist doch vom Ansatz her dann eigentlich klar: Je nach Route (URL) werden entweder die 3 Menüpunkte in der Seitenmitte oder die Navigationsleiste mit position:fixed geladen.

 

[noelelias]

ScrollTop funktioniert nicht
ne es muss schon so sein wies jetzt aussieht ... werde das noch ändern können. Stehe aber nun beim nächsten Problem.

$('html, body').animate({ scrollTop: 2000 }, 2000);

das funktioniert nicht.... auch in der Konsole nicht...

und ja Jquery ist drin ... https://www.html.de/threads/jquery-scrollto-funktioniert-nicht.32056/

 

[Tronjer]

So wird ein Schuh draus.

$("body").animate({
  scrollTop: $("#menuGet").offset().top
},2000);

Hat aber nichts mit AJAX zu tun.

 

[noelelias]

ne funktioniert leider nicht :/ hier bei der html.de webseite geht es auch in der Konsole aber bei meiner Website gar nicht also weder Konsole noch direkt im javascript File

 

[Tronjer]

Funktioniert hier im Firebug
http://idhren.com/idhren/html/manage.php

 

[noelelias]

okay krass bei chrome im F12 nicht und mit im Code auch nicht ist das so ein firefox ding ?

 

[noelelias]

okay es lag am html{overflow-x:hidden;}
hab das weggenommen jetzt geht es danke