Scroll-Funktion / Höhenproblem im Forum

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps � Scroll-Funktion / Höhenproblem im Forum

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps MS Windows 11, 10, 8 und 7 - Fragen & Antworten Linux, Ubuntu und andere Betriebssysteme �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Scroll-Funktion / Höhenproblem im Forum datum

04.11.2023 10:23 (zuletzt bearbeitet: 09.11.2023 15:01)

Hallo Gemeinde,
ich habe in meinen Forum ein Problem, ich nenne es mal Höhenproblem, da ich den Fachausdruck nicht weis. Ich versuche mal anhand Bildern das zu erklären.

In Zusammenarbeit mit dem Wolfgang, habe ich ganz oben im Forum einen "News-Ticker eingebaut.

Wenn ich in der Themenübersicht auf den letzten Beitrag klicke

kommt so die Anzeige vom letzten Beitrag

richtig aussehen müsste es so:

Ich hoffe, das ich mein Problemchen verständlich erklärt zu haben und hoffe, von euch Hilfe zu bekommen.

Grüße aus Radeberg vom Arndt

Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche:

Wolfgang findet das Top!

Antworten

#2 | RE: Scroll-Funktion / Höhenproblem im Forum datum

04.11.2023 12:34 (zuletzt bearbeitet: 09.11.2023 15:01)

Hallo Arndt,

genau diesen Newsticker habe ich gestern in Deinem Forum bewundert ist grosse Klassen

Ich denke mal, Magier Wolfgang wird den Teufel schon finden, der diesen Effekt verursacht.
Manchmal sind es nur Kleinigkeiten, die so was verursachen können. So ein Problem habe ich gerade in meinem Monatstalk, da dieser beim schreiben sich nicht mehr anpasst, oder zumindest das schräg gestrichelte Feld rechts unten anzeigt.

Minime Sachen, die sich in html, oder Javascript manchmal verheerend auf das Forum auswirken können.

Meine Foren:

  • Garten der Poesie
  • Traumwelt
  • Gedichte aus dem Musengarten

Antworten

#3 | RE: Scroll-Funktion / Höhenproblem im Forum datum

04.11.2023 20:25 (zuletzt bearbeitet: 06.02.2024 09:29)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3420
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1301

Scroll-Funktion: Höhenproblem im Forum
Aktualisiert 06.02.24

Hallo zusammen, habe es jetzt hinbekommen!Ich kann mich daran erinnern, dass wir hiernach schon mal gesucht haben und keine gute Lösung gefunden haben!
Ich hatte versucht, das interne Scroll-Skript anzupassen, mit "top" oder "margin-top" oder so!
Ohne Erfolg!

Zitat von Verfasser unbekannt oder?
Kommt Zeit, kommt Rat

Installation für alle Templates & Mobil

LösungEs gibt eine schöne Scroll-Animation mit "animate" die auch gerne die Führung übernimmt!
Abstand zum oberen Rand und Zeit der Animation kann beliebig eingestellt werden!

Die Scoll-Funktion übernimmt mehrere Aufgaben!
Erstmal das Scrollen bei einem Klick auf die Raute der Titelleiste (#) und zum zweiten das Scrollen aus dem "Aktivity Feed" aus Portal und Forum Übersicht, auch aus "Letzte Beiträge" in der Foren Übersicht!
Auch wird beim Seiten-Reload zum zuletzt angeklickten Beitrag gescrollt!
Funktioniert in allen Templates und jetzt auch mit der "Touch-Funktion" auf Handys und Tablets!

Wichtig! Leider ist es wegen der Variablen notwendig das Skript als Plugin unter "Untere leiste - Header" anzugelegen!
Im Plugin muss dann rechts oben das "Unterstützte Template" markiert werden, z.B. Business - Template (144) & Mobil - Template (177), Auswahl mit Mausklick oder Strg + Mausklick!

In Zeile 5+10 kann die Höhe mit "top" getrennt vom V6 zum oberen Rand eingestellt werden!
Sind Laufschriften und "Fixed Navi" im Spiel, kann hier ein Wert von 90 notwendig sein, normalerweise reichen auch 50!
Die Einheit "px" darf nicht eingetragen werden, nur der Zahlenwert
Die folgende Zahl 1000 gibt die Zeit der Scroll-Animation an, hier 1000ms.
Kann beliebig verändert werden!
In Zeile 5+10 ist mit "delay" eine Start-Verzögerung für die Animation eingebaut, die bei großen Foren von Vorteil ist. Hier kann sich die Seite in Ruhe aufbauen und die Animation nachfolgend einsetzen!
Zeile 12-14 sorgen für den Scroll-Stop beim Bewegen des Mausrades, beim Drücken der Maus- oder Tastaturtaste!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script>
window.addEventListener('load', function(){
  // Scroll # Titelleiste //
  $('.messageswrap .boxheader, .adminmessage, .c_r_cont2, div.post, td.tms1, .card-header a').on('click', function() { 
    $('html, body').delay(100).animate({scrollTop: $(this).offset().top-{{template!==177.start}}49{{template!==177.end}}{{template==177.start}}90{{template==177.end}} }, 1000);
  });
  {{message.startlist}}
    // Scroll nach Reload + Links //
    if (location.href.indexOf("#msg{{message:id}}") != -1) {
      $('html, body').delay(100).animate({scrollTop: $('[name="msg{{message:id}}"]').offset().top-{{template!==177.start}}53{{template!==177.end}}{{template==177.start}}90{{template==177.end}} }, 2000); 
      // Scroll-Stop 
      $('html, body').on('mousedown mousewheel wheel, keyup, touchstart', function() {
        $('html, body').stop( true, false );
      });
    }
  {{message.end}}
});
</script>
 

Schlie�en

Spoiler mit einem Klick öffnen und schließen!

Siehe auch: Beitragsshow, Beitragspräsentation für geschriebene Beiträge

Bis dann

Wolfgang

Gabriella und Kipper-Spedition finden das Top!

Antworten

Moderations-Kommentar:

Beitrag überarbeitet, Abstände können im Xobor V6 getrennt eingestellt werden!
Jetzt mit Scroll-Stop-Funktion, auch für Handys und Tablets!

#4 | Update: Scroll-Funktion / Höhenproblem im Forum datum

18.11.2023 00:46 (zuletzt bearbeitet: 18.11.2023 00:48)

Update: Scroll-Funktion / Höhenproblem im Forum

Die Scroll-Funktion ist eine feine Sache, aber auch konsequent.
In der Start- und Laufzeit kann man kaum gegenscrollen oder die Seite anhalten!

Mit dem folgenden Update ist dies aber möglich!
Wird das Mausrad bewegt, die Maustaste oder eine Taste auf der Tastatur gedrückt, wird der Scroll-Vorgang unterbrochen und die Seite bleibt stehen!
Genial!!!
Zusätzlich ist der Abstand zum oberen Rand fürs V6 getrennt einstellbar!

Die Änderungen sind bereits in Beitrag #3 eingetragen!

Bis dann

Wolfgang

Kipper-Spedition findet das Top!

Antworten

Xobor (v6): Forum Regel oder Hinweise bei der Anmeldung � � Beitragsshow, Beitragspräsentation für geschriebene Beiträge

�hnliche Themen

Antworten

Letzter Beitrag

Sprechblasen fürs Forum - Teil 1+2
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 1 10.08.2022 18:49
Wolfgang • Zugriffe: 730
VAR-Funktion, Variablen und Zahlen in der CSS + CSS/SCSS - Teil 1+2
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 1 22.09.2024 15:30
Wolfgang • Zugriffe: 439

Mobile Geräte: Funktionen ausblenden oder abschalten!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

04.11.2018 08:20
von

Wolfgang • Zugriffe: 1458

Neu! Forum - Lesezeichen dauerhaft verfügbar!
Erstellt im Forum Ank�ndigungen & Termine, wichtige News! von Wolfgang 3 11.12.2016 19:38
Wolfgang • Zugriffe: 5677

Meine komplette Forum-Iconbar zum herunterladen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

12.10.2023 23:35
von

Wolfgang • Zugriffe: 6917

Scrollen in Beiträgen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 5 30.03.2018 18:24
Hans58 • Zugriffe: 9300

@ Taggen - Super Funktion, um Mitglieder direkt zu informieren!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

10.07.2019 23:11
von

Wolfgang • Zugriffe: 2029

Herzlich Willkommen im Forum
Erstellt im Forum Willkommen! von Wolfgang 0 13.10.2012 14:10
Wolfgang • Zugriffe: 5629

Scrollen in langen Texten, Beiträgen und im gesamten Forum
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

11.12.2019 06:09
von

Wolfgang • Zugriffe: 8893

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

17%