App – die neusten Beiträge

Verwandte Themen
haveyou
15.01.2025, 12:28

Wie kann der Scroll-Button ausgeblendet werden bzw. eingeblendet?

Warum funktioniert es nicht, der Button bleibt von Anfang bis Ende der Seite eingeblendet.

Ich möchte eine JS -Funktion schreiben, die diesen Button erst einblendet, wenn der Nutzer ein Stück weit herunter gescrollt hat. Ebenso soll der Button versteckt werden, wenn der Nutzer wieder nach oben gescrollt hat.

Mein bisheriger Code:

HTML:  
   <a href="#" id="topButton">Nach oben</a>

CSS: 
#topButton {
    position: fixed;
    bottom: 20px; /* Abstand vom unteren Rand */
    right: 30px; /* Abstand vom rechten Rand */
    background-color: #007BFF; /* Blau */
    color: white; /* Weißer Text */
    padding: 10px 15px; /* Innenabstand */
    border: none; /* Kein Rand */
    border-radius: 5px; /* Abgerundete Ecken */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Schatten */
    text-decoration: none; /* Keine Unterstreichung */
    font-size: 14px; /* Schriftgröße */
    cursor: pointer; /* Zeiger-Hand-Symbol */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Animation */
  }


  #topButton:hover {
    background-color: #0056b3; /* Dunkleres Blau beim Hover */
    transform: translateY(-2px); /* Leichtes Anheben beim Hover */
  }


  #topButton:active {
    transform: translateY(0); /* Zurücksetzen bei Klick */
  }

JavaScript:
// Element auswählen
let topButton = document.getElementById("topButton");


// Scroll-Event-Listener hinzufügen
window.addEventListener("scroll", function() {
  // Zeigt den Button an, wenn mehr als 50px gescrollt wurde
  if (window.scrollY > 50) {
    topButton.style.display = "block"; // Button wird sichtbar
  } else {
    topButton.style.display = "none"; // Button wird versteckt
  }
});


// Klick-Event für den Button
topButton.addEventListener("click", function(event) {
  event.preventDefault(); // Standard-Aktion verhindern
  window.scrollTo({
    top: 0, // Scrollt nach oben
    behavior: "smooth" // Sanftes Scrollen
  });
});
Homepage, App, Programm, HTML, Webseite, programmieren, CSS, JavaScript, HTML5, Code, PHP, Programmiersprache, Webdesign, Webentwicklung, Frontend, Visual Studio Code
1 Antwort
verreisterNutzer
11.01.2025, 23:18

Wenn du auf Dating Apps eine Person kennenlernst, ihr eure Handy Nummer austauscht....behälst du Nr oder löschst du sie?

Sorry, die Überschrift ist bisschen wirr geschrieben haha

Ich erkläre euch, hier meine Frage:

Wer schon einmal auf Dating Apps war hat bestimmt die Erfahrung gemacht: Nummer austauschen, es stellt sich heraus, es passt doch nicht so ganz, dann schläft der Kontakt zwischen den beiden ein....

Löschst du dann die Nummer?

Oder behälst du sie weiterhin gespeichert?

Hast du mal einen Kontakt gehabt, wo du die Person über eine Dating App kennengelernt hast, dass eure Bekanntschaft sich so entwickelt hat, dass ihr euch alle paar Wochen/Monate mal bisschen chattet? So wie eine leckere, freundliche Unterhaltung ab ind zu mal?

!!!Es geht hier NUR um bekanntschaften aus Dating!!!

Ich habe nämlich diese Erfahrung gemacht. Hab mal vor langer Zeit einen Typen auf einer Dating App kennengelernt, wir haben Nummer ausgetauscht, bisschen gechattet, dann telefoniert....Unser Umgang miteinander war super freundlich! Aber wir haben beide sofort gespürt: mehr wird nix aus uns.

Aber alle paar Wochen schicken wir uns 4-5 Sprachnachrichten, Fragen: hey, geht's dir gut? Was gibt's neues?

Oder an Festtagen einander alles Gute wünschen etc. Also wirklich ganz neutral und höflich, live gesehen haben wir uns noch nie, wissen aber natürlich wie wir aussehen.

Hast du auch so ne Bekanntschaft aus Dating Apps?

Dating, Liebe, Freizeit, Leben, Männer, App, Freundschaft, Mädchen, Liebeskummer, Gefühle, Menschen, Freunde, Frauen, Beziehung, Sex, Sexualität, Psychologie, Badoo, Freundin, Jungs, Partnerschaft, Bumble, Crush, Lovoo, Jaumo, Tinder
5 Antworten

Meistgelesene Beiträge zum Thema App
Mehr meistgelesene Fragen zu App