Das JQuery-Fullpage-Plugin fügt urheberrechtlich relevante Header und Tails hinzu

Dieses Mal bringe ich Ihnen das jquery-Ganzseiten-Plug-in zum Hinzufügen von Header- und Tail-Copyrights. Welche Vorsichtsmaßnahmen gelten für das jquery-Ganzseiten-Plug-in zum Hinzufügen von Header- und Tail-Copyrights? Schauen wir uns hier die praktischen Fälle an.

Vorwort

Eine Seite wird über das jquery-fullpage-Plug-in erstellt und die gesamte Seite wird im Vollbildmodus gescrollt. Allerdings möchten wir auf der letzten Seite, die nur etwa 100 Pixel hoch ist, ein Copyright hinzufügen, ohne dass für das Copyright ein Vollbild erforderlich ist. Wie geht das? Suche und ich habe verschiedene Methoden gefunden. Ändern Sie den Quellcode usw. oder schreiben Sie Ihren eigenen Code zur Beurteilung. Schwindlig. Tatsächlich wurde die offizielle Lösung bereitgestellt.

Lassen Sie uns im Folgenden kurz darüber sprechen, wie es implementiert wird

Tatsächlich ist nur der HTML-Teil erforderlich, um es zu implementieren

<p class="fullpage">
 <p class="section fp-auto-height">这里写头部</p>
 <p class="section">page1</p>
 <p class="section">page2</p>
 <p class="section">page3</p>
 <p class="section">page4</p>
 <p class="section fp-auto-height">这里写版权</p>
</p>

Wie oben werde ich nicht über den js-Code sprechen, solange Sie ihn ausführen können, wird es kein Problem geben. Hier müssen Sie nur oben und unten eine fp-auto-height-Klasse hinzufügen.

Ist es nicht effektiv?

Hey, das liegt daran, dass Sie nur das JS, aber nicht das CSS zitiert haben. Zitieren Sie einfach das folgende CSS.

https://github.com/alvarotrigo/fullPage.js/blob/master/dist/jquery.fullpage.css

Tatsächlich ist der Schlüsselcode Genau wie folgt

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
 height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
 height: auto !important;
}

Zusammenfassung

Ihr Problem ist möglicherweise schon anderen aufgefallen, und jemand muss es für Sie gelöst haben. Seien Sie einfach gut im Umgang mit Suchmaschinen.

Ganzseiten-Github

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Zusammenfassung der Vue-Datenübertragungsmethode

Nodejs-Zusammenfassung der Verarbeitungsmethode der Passwortverschlüsselung

Warum kann ich IP nicht verwenden, um auf die lokale Webpack-Entwicklungsumgebung zuzugreifen?

Das obige ist der detaillierte Inhalt vonDas JQuery-Fullpage-Plugin fügt urheberrechtlich relevante Header und Tails hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!