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

.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

Ganzseiten-Github

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!