Kann jemand ein Objekt verbergen, je nachdem, wie weit der Benutzer die Seite nach unten gescrollt hat?CSS Objekt ausblenden Scroll-Prozentsatz
Ich habe einige schwebende soziale Schaltflächen auf meiner Website und ich möchte, dass sie sich verstecken, wenn die Schriftrolle die Fußzeile erreicht (ganz unten) und dann erscheint, wenn sie wieder hochscrollen.
Kann nicht mit CSS allein gemacht werden, Sie müssen JavaScript verwenden, um zu verfolgen, wie viel der Benutzer gescrollt hat.
Wenn Sie jQuery verwenden können, müssen Sie so etwas wie dies tun:
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
$("#social").hide();
} else {
$("#social").show();
}
});
jsfiddle See. Dies ist jedoch nur eine Schätzung dessen, was Sie benötigen, da Sie nicht den richtigen Code angegeben haben. Wenn Sie eine Nur-Javascript-Lösung benötigen (ohne jQuery), lassen Sie es mich wissen.
posten Sie bitte eine Datei Ihres Codes. – geeksal
Es wird erwartet, dass Sie zumindest versuchen, dies für sich selbst zu programmieren. Stack Overflow ist kein Code-Schreibdienst. Ich würde vorschlagen, dass Sie zusätzliche Recherchen anstellen, entweder über Google oder indem Sie SO suchen, einen Versuch unternehmen und. Wenn Sie immer noch Probleme haben, kommen Sie zurück mit ** Ihrem Code ** und erklären Sie, was Sie versucht haben und warum es nicht funktioniert hat. –