Snap Scroll ?
Snap Scroll ?
Hat mal jemand das Snap-Scroll in letzter Zeit getestet, was da mit Mobis Softscroll von anno dazumal kollidierte?
Frank
Frank
- Tommy Herrmann
- Site Admin
- Beiträge: 5985
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Snap Scroll ?
Moin,
da hat sich nichts geändert, denn die CSS-Eigenschaft "scroll-snap-type" funktioniert nicht im Zusammenhang mit der JavaScript Datei "smooth-scroll.js" von Mobirise, die man ja nicht deaktivieren kann.
Hier habe ich diese Datei händisch entfernt:
https://www.mobirise-tutorials.com/Test ... ction.html
Da wird sich auch nichts ändern, denn Mobirise wird da garantiert nichts an der JS-Datei ändern, nur damit 2 Leute (Du und ich) Snap-Scroll verwenden können
... ich hatte das ja auch erst im Dezember 2023 hier gemeldet:
https://forums.mobirise.com/discussion/ ... scripts/p1
da hat sich nichts geändert, denn die CSS-Eigenschaft "scroll-snap-type" funktioniert nicht im Zusammenhang mit der JavaScript Datei "smooth-scroll.js" von Mobirise, die man ja nicht deaktivieren kann.
Hier habe ich diese Datei händisch entfernt:
https://www.mobirise-tutorials.com/Test ... ction.html
Da wird sich auch nichts ändern, denn Mobirise wird da garantiert nichts an der JS-Datei ändern, nur damit 2 Leute (Du und ich) Snap-Scroll verwenden können
... ich hatte das ja auch erst im Dezember 2023 hier gemeldet:
https://forums.mobirise.com/discussion/ ... scripts/p1
Re: Snap Scroll ?
Snap scroll scheint nun zu gehen.
Ist aber doch ein recht unbrauchbares Konstrukt.
Ist der Inhalt einer Section hoher als der Bildschirm, sieht man diesen nie.
Eine Section, die nicht "gesnappt" ist, kann nicht angezeigt werden.
Die Scrollgeschwindigkeit ist viel zu schnell.
Ich habe da auch nichts zur Steuerung gefunden.
Ist aber doch ein recht unbrauchbares Konstrukt.
Ist der Inhalt einer Section hoher als der Bildschirm, sieht man diesen nie.
Eine Section, die nicht "gesnappt" ist, kann nicht angezeigt werden.
Die Scrollgeschwindigkeit ist viel zu schnell.
Ich habe da auch nichts zur Steuerung gefunden.
- Tommy Herrmann
- Site Admin
- Beiträge: 5985
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Snap Scroll ?
Moin,
was hast Du denn genau nochmals geprüft? Ich hatte das damals doch extra hier gemacht:
https://www.mobirise-tutorials.com/Test ... ction.html
und feststellen müssen, dass die Datei "smooth-scroll.js"
das verhindert. Ich habe diese aus meiner Beispielseite händisch entfernt. Das geht doch auch immer noch nicht - oder doch?
In der Zwischenzeit hat sich doch überhaupt nichts geändert, die Datei ist doch immer noch gleich, wie der Vergleich zeigt:
Das Verhalten vom Snap-Scroll geht bei mir auch, wenn die Section höher als der Bildschirm ist, wie diese "Tutorial-Section" hier - zumindest an meinem Laptop (sonst nimm mal das Handy):
https://www.mobirise-tutorials.com/Test ... l#Tutorial
Dann muss man am Scrollrad der Maus drehen oder eben den Scrollbalken mit der Maus "festhalten". Das ist so auch richtig und korrekt so.
Auch die Scrollgeschwindigkeit und das Verhalten sind exakt gleich mit diesem Beispiel von "Mozilla.org":
https://developer.mozilla.org/en-US/doc ... -snap-type
... oder z.B. auch "w3schools.com":
https://www.w3schools.com/cssref/tryit. ... -type_both
https://www.w3schools.com/cssref/css_pr ... p-type.php
was hast Du denn genau nochmals geprüft? Ich hatte das damals doch extra hier gemacht:
https://www.mobirise-tutorials.com/Test ... ction.html
und feststellen müssen, dass die Datei "smooth-scroll.js"
Code: Alles auswählen
<script src="assets/smoothscroll/smooth-scroll.js"></script>
In der Zwischenzeit hat sich doch überhaupt nichts geändert, die Datei ist doch immer noch gleich, wie der Vergleich zeigt:
Das Verhalten vom Snap-Scroll geht bei mir auch, wenn die Section höher als der Bildschirm ist, wie diese "Tutorial-Section" hier - zumindest an meinem Laptop (sonst nimm mal das Handy):
https://www.mobirise-tutorials.com/Test ... l#Tutorial
Dann muss man am Scrollrad der Maus drehen oder eben den Scrollbalken mit der Maus "festhalten". Das ist so auch richtig und korrekt so.
Auch die Scrollgeschwindigkeit und das Verhalten sind exakt gleich mit diesem Beispiel von "Mozilla.org":
https://developer.mozilla.org/en-US/doc ... -snap-type
... oder z.B. auch "w3schools.com":
https://www.w3schools.com/cssref/tryit. ... -type_both
https://www.w3schools.com/cssref/css_pr ... p-type.php
- Tommy Herrmann
- Site Admin
- Beiträge: 5985
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Snap Scroll ?
Habe es eben probiert - das geht jetzt tatsächlich mit der Datei "smooth-scroll.js" - warum
Das hatte ja ohnehin nur die Browser "Chrome" und "Edge" betroffen - im "Firefox" ging es ja immer schon ...
Dann schreibe ich mein Tutorial mal um ...
Das hatte ja ohnehin nur die Browser "Chrome" und "Edge" betroffen - im "Firefox" ging es ja immer schon ...
Dann schreibe ich mein Tutorial mal um ...
Re: Snap Scroll ?
In der Steuerberaterseite (ComplexM5) scheint eine andere Version zu sein.
Ich habe sie jetzt nicht genau verglichen, aber da haben wir einen Kommentarblock am Anfang der JS-Datei.
Sonderbarerweise ist in www.smoothscroll.net die Version 1.24 die neuste
Müssen wir das verstehen?
//
// SmoothScroll for websites v1.4.10 (Balazs Galambosi)
// http://www.smoothscroll.net/
//
// Licensed under the terms of the MIT license.
//
// You may use it in your theme if you credit me.
// It is also free to use on any individual website.
//
// Exception:
// The only restriction is to not publish any
// extension for browsers or native application
// without getting a written permission first.
//
Ich habe sie jetzt nicht genau verglichen, aber da haben wir einen Kommentarblock am Anfang der JS-Datei.
Sonderbarerweise ist in www.smoothscroll.net die Version 1.24 die neuste
Müssen wir das verstehen?
//
// SmoothScroll for websites v1.4.10 (Balazs Galambosi)
// http://www.smoothscroll.net/
//
// Licensed under the terms of the MIT license.
//
// You may use it in your theme if you credit me.
// It is also free to use on any individual website.
//
// Exception:
// The only restriction is to not publish any
// extension for browsers or native application
// without getting a written permission first.
//
- Tommy Herrmann
- Site Admin
- Beiträge: 5985
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Snap Scroll ?
... hmm - ich habe das jetzt zurückgebaut und es geht zwar offline im Edge und im Chrome aber nicht online
Es hat sich also überhaupt nichts verändert - kann ja auch nicht. Bei mir ist die Datei immer noch gleich.
Baue es nun wieder zurück wie es war - also mit händisch entfernter Datei "smooth-scroll.js" ...
Ich verstehe diese JavaScript-Datei ohnehin überhaupt nicht. Mobirise sollte die rauswerfen, das geht doch heute mit einer einfachen CSS-Anweisung ebenso gut
Es hat sich also überhaupt nichts verändert - kann ja auch nicht. Bei mir ist die Datei immer noch gleich.
Baue es nun wieder zurück wie es war - also mit händisch entfernter Datei "smooth-scroll.js" ...
Ich verstehe diese JavaScript-Datei ohnehin überhaupt nicht. Mobirise sollte die rauswerfen, das geht doch heute mit einer einfachen CSS-Anweisung ebenso gut
Code: Alles auswählen
scroll-behavior: smooth;
Re: Snap Scroll ?
Ich habs jetzt nicht ausprobiert aber ggf. kann man das "Problem" damit lösen:
https://github.com/gblazex/smoothscroll ... sites/wiki
To disable on a certain site call destroy as early as possible:
SmoothScroll.destroy()
Bzgl. Versionen ... ja MR verwendet die 1.4.9 und die 1.4.10 und teilw. unterscheiden die sich minimal in der Größe.
(Hab ich aber auch nicht weiter "untersucht".)
Bzgl:
You set options by passing your custom options in an object:
SmoothScroll({ stepSize: 20 })
... und noch n Tipp bzgl. vergleichen oder ansehen der "verkleinerten" JS Dateien:
Einfach den Inhalt bei z.B. https://beautifier.io reinkopieren und wieder einigermaßen lesbar machen.
(So was gibt es auch für z.B. VS Code als Plugin.)
https://github.com/gblazex/smoothscroll ... sites/wiki
To disable on a certain site call destroy as early as possible:
SmoothScroll.destroy()
Bzgl. Versionen ... ja MR verwendet die 1.4.9 und die 1.4.10 und teilw. unterscheiden die sich minimal in der Größe.
(Hab ich aber auch nicht weiter "untersucht".)
Bzgl:
Meinst Du das, steht auch auf der Wiki Seite?
You set options by passing your custom options in an object:
SmoothScroll({ stepSize: 20 })
... und noch n Tipp bzgl. vergleichen oder ansehen der "verkleinerten" JS Dateien:
Einfach den Inhalt bei z.B. https://beautifier.io reinkopieren und wieder einigermaßen lesbar machen.
(So was gibt es auch für z.B. VS Code als Plugin.)
- Tommy Herrmann
- Site Admin
- Beiträge: 5985
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Snap Scroll ?
Hallo Klaus,
mein Problem ist (leider) oft bei Deinen Kommentaren, dass ich nicht professionell genug bin, um diese zu verstehen
Das aufzurufen heißt doch wieder ein neues JavaScript, wahrscheinlich ganz oben im <header>, und wie muss das dann aussehen?
Dies ist die aktuelle Datei "smooth-scroll.js", die Mobirise verwendet und um (nur) die geht es:
https://www.mobirise-tutorials.com/Test ... -scroll.js
mein Problem ist (leider) oft bei Deinen Kommentaren, dass ich nicht professionell genug bin, um diese zu verstehen
Hast Du das mal probiert - das wäre eine Hilfe, um das abzuschalten. Wie - ganz genau - macht man das dann?To disable on a certain site call destroy as early as possible:
SmoothScroll.destroy()
Das aufzurufen heißt doch wieder ein neues JavaScript, wahrscheinlich ganz oben im <header>, und wie muss das dann aussehen?
Dies ist die aktuelle Datei "smooth-scroll.js", die Mobirise verwendet und um (nur) die geht es:
https://www.mobirise-tutorials.com/Test ... -scroll.js
Re: Snap Scroll ?
Einfach vor dem </body> bzw. nachdem das Skript geladen wurde.
Mit dem stepSize hab ich das Probiert und das klappt ... bei dem von Dir mit dem Einbau von dem Snap das war mir zu Aufwendig ...
Das SmoothScroll klappt übrigens nur im Edge (vermutlich dann auch Chrome ... den hab ich aber auf dem System nicht drauf) nicht im Firefox ... vielleicht auch der Grund warum "Dein Snap" auch im Firefox geht!?
Code: Alles auswählen
<script>
SmoothScroll.destroy()
</script>
Das SmoothScroll klappt übrigens nur im Edge (vermutlich dann auch Chrome ... den hab ich aber auf dem System nicht drauf) nicht im Firefox ... vielleicht auch der Grund warum "Dein Snap" auch im Firefox geht!?
- Tommy Herrmann
- Site Admin
- Beiträge: 5985
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Snap Scroll ?
Danke Dir - so einfach
Ich teste das gleich mal ...
Ich teste das gleich mal ...
- Tommy Herrmann
- Site Admin
- Beiträge: 5985
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Snap Scroll ?
... geht (natürlich) - Wahnsinn - I'll be damned
Getestet: Android, Chrome, Edge, Firefox und deren mobilen Versionen ...
Du bist einfach nur
/Test-Temp/TEST_Snap-Section.html (Testseite entfernt)
Ich werde morgen mein Tutorial umschreiben und diese Möglichkeit dabei erwähnen.
Dennoch sollte Mobirise eine Option bereitstellen solche Scripts zu deaktivieren
Getestet: Android, Chrome, Edge, Firefox und deren mobilen Versionen ...
Du bist einfach nur
the Hammer
/Test-Temp/TEST_Snap-Section.html (Testseite entfernt)
Ich werde morgen mein Tutorial umschreiben und diese Möglichkeit dabei erwähnen.
Dennoch sollte Mobirise eine Option bereitstellen solche Scripts zu deaktivieren
Re: Snap Scroll ?
Geht das mit allen Javcascripts?
Das wäre ja sowas von genial....
Das wäre ja sowas von genial....
Re: Snap Scroll ?
Ne das klappt nur bei dem Skript weil es extra eingebaut wurde.
Ist auch nicht die "Traumlösung" weil das Skript ja geladen wird und dann nur die EventListener entfernt werden.
... vermutlich der Grund warum Snap im Firefox auch so geht und Smooth nicht (letzte Zeile):
Ist auch nicht die "Traumlösung" weil das Skript ja geladen wird und dann nur die EventListener entfernt werden.
Code: Alles auswählen
y.destroy = function() {
z &&
z.disconnect();
window.removeEventListener(L, R, !1);
window.removeEventListener("mousedown", U, !1);
window.removeEventListener("keydown", M, !1);
window.removeEventListener("resize", w, !1);
window.removeEventListener("load", C, !1)
};
... vermutlich der Grund warum Snap im Firefox auch so geht und Smooth nicht (letzte Zeile):
Code: Alles auswählen
var userAgent = window.navigator.userAgent;
var isEdge = /Edge/.test(userAgent); // thank you MS
var isChrome = /chrome/i.test(userAgent) && !isEdge;
var isSafari = /safari/i.test(userAgent) && !isEdge;
var isMobile = /mobile/i.test(userAgent);
var isIEWin7 = /Windows NT 6.1/i.test(userAgent) && /rv:11/i.test(userAgent);
var isOldSafari = isSafari && (/Version\/8/i.test(userAgent) || /Version\/9/i.test(userAgent));
var isEnabledForBrowser = (isChrome || isSafari || isIEWin7) && !isMobile;
Re: Snap Scroll ?
Ah ja, objektorientierte Programmierung.
Der Löwe muß die Klasse zu seinem Einfangen selbst mitbringen
War ja auch vor langer Zeit mal ein echter Programmierer, nicht nur ein "Klötzchenschieber"
Der Löwe muß die Klasse zu seinem Einfangen selbst mitbringen
War ja auch vor langer Zeit mal ein echter Programmierer, nicht nur ein "Klötzchenschieber"
- Tommy Herrmann
- Site Admin
- Beiträge: 5985
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Snap Scroll ?
Moin,
ich finde das auch etwas komisch und nicht so ganz sauber. Wozu wurde das überhaupt vorgesehen? Schon merkwürdig eine geladenes Script so zu deaktivieren.
Insofern lasse ich das auf meiner Seite erst einmal wie es war und beschreibe nur diese zusätzliche Möglichkeit der Deaktivierung:
https://www.mobirise-tutorials.com/Test ... l#Tutorial
Ich habe diese Datei "smooth-scroll.js" auf meiner Seite eben ganz entfernt.
Ich bin der Meinung, dass Mobirise für alle JavaScript-Dateien einen Schalter ein/aus erstellen sollte, denn das ist nicht die einzige Datei, die Probleme machen kann. Das hatte ich auch schon mehrmals bei Mobirise angeregt.
ich finde das auch etwas komisch und nicht so ganz sauber. Wozu wurde das überhaupt vorgesehen? Schon merkwürdig eine geladenes Script so zu deaktivieren.
Insofern lasse ich das auf meiner Seite erst einmal wie es war und beschreibe nur diese zusätzliche Möglichkeit der Deaktivierung:
https://www.mobirise-tutorials.com/Test ... l#Tutorial
Ich habe diese Datei "smooth-scroll.js" auf meiner Seite eben ganz entfernt.
Ich bin der Meinung, dass Mobirise für alle JavaScript-Dateien einen Schalter ein/aus erstellen sollte, denn das ist nicht die einzige Datei, die Probleme machen kann. Das hatte ich auch schon mehrmals bei Mobirise angeregt.
Re: Snap Scroll ?
Hi Tommy,
da dieses Snapscroll ja schon recht alt ist, also aus der Zeit, als die objektorientierte Programmierung noch aktuell war, ist das destroy eine ganz normale "Memberfunction".
Wenn man eine Funktion nicht mehr brauchte, wurde sie zerstört, was verhindern sollte, dass sie noch Speicher belegt.
So habe ich es noch im Kopf.
da dieses Snapscroll ja schon recht alt ist, also aus der Zeit, als die objektorientierte Programmierung noch aktuell war, ist das destroy eine ganz normale "Memberfunction".
Wenn man eine Funktion nicht mehr brauchte, wurde sie zerstört, was verhindern sollte, dass sie noch Speicher belegt.
So habe ich es noch im Kopf.
- Tommy Herrmann
- Site Admin
- Beiträge: 5985
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Snap Scroll ?
Ja - finde ich auch eigentlich für dieses Script sehr brauchbar.
Blöd nur, dass es da noch sehr viel mehr JavaScripts in Mobirise gibt, die man vielleicht mal "abschalten" will.
Es gibt ja auch Scripts, wie z.B. den Einkaufskorb, die man gar nicht mehr wegbekommt, nachdem man diese einmal benutzt hat.
Das Problem bleibt also bestehen, auch wenn es nun hier, ausnahmsweise eine solche Lösung gibt.
Blöd nur, dass es da noch sehr viel mehr JavaScripts in Mobirise gibt, die man vielleicht mal "abschalten" will.
Es gibt ja auch Scripts, wie z.B. den Einkaufskorb, die man gar nicht mehr wegbekommt, nachdem man diese einmal benutzt hat.
Das Problem bleibt also bestehen, auch wenn es nun hier, ausnahmsweise eine solche Lösung gibt.
Re: Snap Scroll ?
Das mit dem Warenkorb hatte ich schon diverse Male gelesen - aber nie nachvollziehen können.
Bei mir verschwindet der minicart auch wieder.
Sollte man dann eigentlich auch im project-file löschen können.
Ich finde, genaugenommen machen wir zu wenig mit diesem Projectfile. Das Teil verzeiht halt keine Fehler.
Der Deltapi hat ja vor langem eine Funktion geschrieben, mit der komplette Seiten von einem Projekt ins andere kopiert werden können, falls identisches Thema - basiert auf dem Auslesen der Projektdatei.
Bei mir verschwindet der minicart auch wieder.
Sollte man dann eigentlich auch im project-file löschen können.
Ich finde, genaugenommen machen wir zu wenig mit diesem Projectfile. Das Teil verzeiht halt keine Fehler.
Der Deltapi hat ja vor langem eine Funktion geschrieben, mit der komplette Seiten von einem Projekt ins andere kopiert werden können, falls identisches Thema - basiert auf dem Auslesen der Projektdatei.
- Tommy Herrmann
- Site Admin
- Beiträge: 5985
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Snap Scroll ?
Ja - ich mag aber niemanden empfehlen sich mit der Projekt-Datei anzulegen. Das kann ganz schnell auch schief gehen.
Ganze Seiten klonen? Wozu soll das denn gut sein, da hat man doch dann "duplicate-content" (doppelten Inhalt), der von Google auch sogleich bestraft wird.
https://de.semrush.com/blog/duplicate-content/
Ganze Seiten klonen? Wozu soll das denn gut sein, da hat man doch dann "duplicate-content" (doppelten Inhalt), der von Google auch sogleich bestraft wird.
https://de.semrush.com/blog/duplicate-content/
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste