Heim  >  Artikel  >  Web-Frontend  >  jquery+fullpage fügt Header und Copyright in die Schnittstelle ein

jquery+fullpage fügt Header und Copyright in die Schnittstelle ein

php中世界最好的语言
php中世界最好的语言Original
2018-06-15 14:12:521320Durchsuche

Dieses Mal bringe ich Ihnen jquery+fullpage, um den Header und das Copyright in die Schnittstelle einzufügen. Was sind die Vorsichtsmaßnahmen für jquery+fullpage, um den Header und das Copyright in die Schnittstelle einzufügen? .

Vorwort

Eine Seite wird über das jquery-fullpage-Plug-in erstellt und die gesamte Seite wird im Vollbildmodus gescrollt. Allerdings möchten wir der letzten Seite, die nur etwa 100 Pixel hoch ist, ein Urheberrecht hinzufügen, ohne dass ein Vollbild zum Setzen des Urheberrechts erforderlich ist. Wie geht das? Ich habe verschiedene Methoden gesucht und 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 du nur js und nicht css zitiert hast. Zitiere einfach das css unten.

Tatsächlich ist der Schlüsselcode nur der folgende

.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;
}

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:

Wie man NodeJS bedient, um Passwörter zu verschlüsseln

Wie man mit der dynamischen Parameterübergabe von Abfragen im Vue-Router umgeht

Das obige ist der detaillierte Inhalt vonjquery+fullpage fügt Header und Copyright in die Schnittstelle ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn