responsiveness

___ tag123jquery ___ jQuery ist eine beliebte Cross-Browser-JavaScript-Bibliothek, die das DOM-Traversal (Document Object Model), die Ereignisbehandlung, Animationen und AJAX-Interaktionen erleichtert, indem die Diskrepanzen zwischen Browsern minimiert werden. Eine mit jQuery gekennzeichnete Frage sollte mit jquery in Zusammenhang stehen, daher sollte jquery von dem fraglichen Code verwendet werden, und mindestens eine jquery-nutzungsbezogene Elemente müssen in der Frage enthalten sein. ___ tag123mobile ___ Das Tag Mobile sollte verwendet werden, um Fragen zu mobilen Computerproblemen zu markieren. Mobile Computing ist eine Form der Mensch-Computer-Interaktion, bei der erwartet wird, dass ein Computer während des normalen Gebrauchs transportiert wird. Beispiele sind Smartphones und Tablets. ___ answer33300902 ___

Ich würde dir nicht empfehlen, %code% für mobile Geräte zu verwenden.

Wenn Sie eine reaktionsschnelle Website wünschen, sollten Sie den Inhalt an das Gerät anpassen und nicht "hacky" Bildlaufleisten verwenden, um den Inhalt anzupassen.

Sie können die Klasse %code% für die Abschnitte verwenden, in denen Ihr Inhalt enthalten ist wird auf mobilen Geräten überlaufen. Sie sollten es nur hinzufügen, wenn Ihre Website reagiert, das heißt, unter bestimmten Breite oder Höhe Grenzen.

Auf diese Weise können diese Abschnitte größer als das Gerätefenster sein.

Wenn Sie dies mit den Optionen %code% oder %code% von fullpage.js kombinieren (das heißt %code% ), können Sie eine ziemlich reaktionsschnelle Seite auf kleinen Bildschirmen haben.

Als Beispiel können Sie diese Seite mit fullpage.js in einem kleinen Ansichtsfenster betrachten. Es verwendet nicht die Option %code% , aber das Ergebnis ist genau das gleiche.

In diesem Fall verwenden wir diese Seite:

%Vor%

Was ziemlich ähnlich zu dem ist, was von fullpage.js für %code% verwendet wird:

%Vor%

AKTUALISIEREN

fullpage.js stellt jetzt die Klasse %code% für diesen Zweck bereit. Weitere in den Dokumenten .

    
___ qstntxt ___

Nach dem Experimentieren mit einigen der Optionen habe ich immer noch kein zufriedenstellendes Ergebnis erhalten:

Die verwendete Javascript-Bibliothek ist FullpageJS ( Ссылка )

Fullpage.js wird mit den folgenden Einstellungen initialisiert:

%Vor%

Wichtig: Laut der Dokumentation ist scrollOverflow: true gesetzt (und muss auf true gesetzt sein), da der Inhalt einer Folie bei mobilen Geräten manchmal höher ist als die Bildschirmhöhe.

Es ist jedoch unbedingt erforderlich, dass Benutzer zwischen den Dias mit dem Finger horizontal und vertikal wechseln können (nicht Navigation). Beabsichtigtes Verhalten ist wie folgt:

  1. Horizontaler Schalter schaltet, wenn sich der Finger nach links oder rechts bewegt

  2. Vertikale Schalterfolie: Nächste untere Folie nur, wenn die Folie nach unten gescrollt wird und der Finger nach unten bewegt wird. Nächste obere Folie: Nur wenn die Folie nach oben gescrollt wird und der Finger nach oben bewegt wird.

Das Entwickler-Projekt kann hier gefunden werden: Ссылка

    
___ tag123touch ___ Touch-basierte Schnittstellen haben einzigartige Überlegungen, die nicht für andere Eingabemodi gelten und umgekehrt. ___ tag123fullpagejs ___ jQuery-Plugin und Javascript-Bibliothek zum Erstellen von Vollbild-Scroll-Websites ___ qstnhdr ___ Fullpage.js und mobile Geräte: Wie kann der Abschnitt / Folie-Schalter aktiviert werden, wenn der Inhaltsüberlauf aktiviert werden muss? ___ answer33468380 ___

Das Problem hatte mit fullpage.js selbst nichts zu tun - es stellte sich heraus, dass es sich um eine ungültige Plugin-Änderung handelte .

Wie einige andere jedoch dieses Problem hatten: Überprüfen Sie zusätzlichen HTML, CSS und insbesondere JavaScript , da dies am ehesten zu einem Problem führen kann.

    
___ tag123Responsiveness ___ Responsivency beschreibt die Fähigkeit eines UI-Elements oder -Dialogs, auf Benutzerinteraktion innerhalb eines akzeptablen Zeitrahmens zu reagieren. ___
2
Antworten

Fullpage.js und mobile Geräte: Wie kann der Abschnitt / Folie-Schalter aktiviert werden, wenn der Inhaltsüberlauf aktiviert werden muss?

Nach dem Experimentieren mit einigen der Optionen habe ich immer noch kein zufriedenstellendes Ergebnis erhalten: Die verwendete Javascript-Bibliothek ist FullpageJS ( Ссылка ) Fullpage.js wird mit den folgenden Einstellungen initialisiert...
22.10.2015, 18:37