WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- Seitenscroll als Event behandeln?

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Seitenscroll als Event... - 21 Jan 2025 Antworten
im Forum für Webhosting Homepage gefunden:
Seitenscroll als Event behandeln?
taschenjesus
Pixelschubser
Threadstarter




Beiträge: 5

Hallo!

Ich habe in eine Website ein JavaScript eingebaut, das ein Menü dynamisch aufklappen lässt. Dieses Menü ist mit einem anderen Script kombiniert, welches eine Grafik, über die das Menü zu öffnen ist, im Browserfenster fixiert, wenn man die Seite scrollt. Leider ist nur diese Grafik fixiert, das Menü scrollt dann mit dem Rest der Seite, wenn es nicht durch Mausklick vorher geschlossen wurde. Das Script enthält also eine Eventabfrage für den Mausklick, um das Menü zu schließen.

Meine Frage ist, ob es eine Möglichkeit gibt, abzufragen, ob die Seite gescrollt wird, um das quasi als Event zu behandelt, durch welches dann das Menü geschlossen wird (wie beim Mausklick), damit es nicht mitscrollt.

Was ich meine, ist hier zu finden:
http://www.serotonin.de/stickyad.htm

Das Script dazu:
http://www.serotonin.de/javascript.js

Vielen Dank für die Hilfe!
tj

  Profil   Website   Editieren   Zitieren
epitaxy
Fachidiot




Beiträge: 117

hi, ich bin nicht so der JS experte, aber du könntest es so lösen das du in der function die des bild links scrollen lässt sowas einbaust, beispiel ist bei der IE abfrage gemacht

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12:
function move_sticky() {
if (ie) {
	checkReload = document.body.scrollTop + top_position +'px';
	if (document.all.stickyad.style.top != '') {
		if (document.all.stickyad.style.top != checkReload) {
			bo_pd_hide_all();
		}
	}
	document.all.stickyad.style.top=document.body.scrollTop+top_position;
}


greetz

  Profil   Editieren   Zitieren
taschenjesus
Pixelschubser
Threadstarter




Beiträge: 5

Hervorragend!

Ich hab das Script jetzt für die anderen Browser analog angepasst, und es klappt!
Ich danke dir vielmals epitaxy!

tj

  Profil   Website   Editieren   Zitieren
 

Antworten
Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Seitenscroll als Event...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - Seitenscroll als Event behandeln? im Forum Homepage Hosting AntwortenLetztes Posting
Unvorhersehbare Layout-Verschiebungen auf meiner Seite - Ideen?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 20.08.2023 20:14 von Freud
Geschenkidee zum Geburtstag
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 14.04.2022 16:08 von bryleth03
Webdesigner gesucht
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 10.12.2021 15:04 von Rieke
Welcher Hoster ist der Beste?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 10.12.2021 15:02 von Rieke
Warum Wordpress?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
6 05.07.2021 18:27 von Rieke
Die Idee einen Blog zu führen
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 27.02.2021 09:50 von Samira2021
zu viele css dateien?!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
4 19.01.2021 19:20 von Laurena
WIe kann ich Datum ausblenden?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 23.11.2020 12:21 von noahradar96
Tabelle mit Mannschaftslogos
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 23.10.2019 14:54 von andyy
Eigene Website erstellen - kostenlos!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 17.05.2019 15:01 von Fusselchen



Besucher : 8161972    Heute : 684     Gestern : 882     Online : 2128     21.1.2025    11:47      1 Besucher in den letzten 60 Sekunden        
alle 60.00 Sekunden ein neuer Besucher
Nach oben