Erstellen Sie mit Vue.js benutzerdefinierte Schaltflächen für die Foliennavigation in Swiper

Ich muss die Standardnavigation (nextEl, prevEl) entfernen und die Schaltfläche mit dem Text „Next Slide Button“ zur nächsten Folie scrollen lassen <swiperclass="news-slider":sliderd-per-view="1" :modules= "[Navigation,Pagination,A11y,Lazy]"navigation="navigat

P粉035600555 2023-11-02 14:42:51 0  1  752

javascript - Warum führt das Vorwärts- und Zurückrollen der Bildlaufachse zu unterschiedlichen Effekten?

Wenn die Scroll-Achse entlangrollt, ist der Effekt angemessen, das heißt, wenn sie die angegebene Position erreicht, ändert sich die Farbe der entsprechenden Seriennummer. Wenn die Scroll-Achse jedoch den unteren Rand erreicht und weiter scrollt, erscheint die angegebene Position Der Bereich wurde n...

某草草 2017-05-19 10:25:51 0  1  691

So ändern Sie einige Details von Vimwiki2HTML im Vim-Plug-In Vimwiki

Der Standardbefehl Vimwiki2HTML von vimwiki konvertiert %toc in das Verzeichnis des aktuellen Wiki-Eintrags, konvertiert jedoch die sekundäre Verzeichnis-ID in toc_1.1 (die ID enthält einen Punkt) und um Bootstrap-Scrollspy zum Implementieren der Scroll-Erkennung zu verwenden (Referenz : So implemen...

世界只因有你 2017-05-16 16:42:17 0  1  776

Hintergrundbilder können auf dem iPad nicht angezeigt werden.

Ich habe ein Hintergrundbild unter der Navigationsleiste platziert, und wenn Sie nach unten scrollen, bewegt sich die Navigationsleiste mit nach unten. Aber wenn ich es auf meinem iPad betrachte, sehe ich, dass das Hintergrundbild dunkelblau erscheint, fast schwarz. background__image {width: 100%; b...

P粉879517403 2023-07-25 11:58:00 0  1  730

javascript – So implementieren Sie ein Navigationsmenü, das nach links und rechts verschoben werden kann

Ähnlich wie die hellrote Navigationsleiste oben auf http://m.hexun.com kann sie sich reibungslos nach links und rechts bewegen. Auf diese Weise können Sie mehr Menüpunkte auf dem Telefonbildschirm platzieren. Gibt es ein Juice-Plugin für diesen Effekt? ​​Wenn ich online nach einem Folienmenü suche, ...

習慣沉默 2017-07-05 11:03:37 0  2  909

Fügen Sie im HTML- und CSS-Bereich hinter der Navigationsleiste ein Hintergrundbild hinzu, damit beim Scrollen kein Leerzeichen angezeigt wird

Ich weiß nicht, wie ich dafür sorgen soll, dass das Hintergrundbild in HTML und CSS unterhalb der Navigationsleiste und der Fußzeile ausgefüllt wird. Wenn ich durch die Navigationsleiste scrolle, ist das Leerzeichen nur ein Leerzeichen. Ich möchte, dass es ohne Leerzeichen oben und unten scrollt. Da...

P粉118698740 2023-09-10 09:12:07 0  2  578

javascript - Wie wird dieser Inhalt in Blöcken angezeigt? Warum kann ich ihn nicht testen?

Wie zeigt diese einzelne Seite den Inhalt in Blöcken an? Ich habe die beiden Teile von {code...} notiert und dann meine Einstellungen wie folgt festgelegt: Navigation {code...} Inhalt {code...} Warum kann' Hat das nicht den gleichen Effekt wie er? Ich habe es gerade angezeigt, als ich es hier geöffn...

曾经蜡笔没有小新 2017-05-16 13:16:49 0  2  423

Das Beibehalten des Scrollens während der Seitennavigation ist immer eine unerwünschte Funktion.

Ich habe ein Standard-Laravel + Inertia + Vue3-Setup mit Breeze, und wie in der Inertia-Dokumentation angegeben, sollte die Navigation zwischen Seiten das Standardverhalten des Browsers nachahmen und den Bildlauf nach oben zurücksetzen, wenn die Seite geladen wird. Aber in meinem Fall funktioniert d...

P粉166675898 2024-01-02 16:00:21 0  2  607

window.pageYOffset erhält auf dem iPad einen falschen Wert

Ich habe einen schwebenden Titel, der verschwindet, wenn Sie auf der Seite nach unten scrollen. Funktioniert gut, nur nicht auf meinem iPad. Wenn ich auf der Seite nach oben scrolle, erscheint wie erwartet das Navigationsmenü, aber sobald ich die Seite loslasse, verschwindet es wieder. Es erscheint ...

P粉022285768 2024-03-21 23:52:08 0  1  359

Javascript – warum zwei Elemente benötigt werden, um mit Transform einen Scroll-Effekt zu erzeugen

Ich habe in den Artikeln anderer Leute gelesen, warum es notwendig ist, zwei Elementebenen zu verwenden, um zwei Animationen auszuführen und den parabolischen Effekt eines kleinen Balls zu erzielen, anstatt nur ein Element zu schreiben &lt;div class="ball"&gt;&lt;/div&gt; ?...

滿天的星座 2017-05-19 10:18:02 0  2  860

Die CSS-Zeilenklasse bewirkt, dass bestimmte Elemente außerhalb des Rahmens verschwinden, während sie statisch und am unteren Rand der Anzeige fixiert sein sollten

Meine Seite sieht derzeit so aus. Nachdem ich die Zeilenklasse hinzugefügt habe, sodass die beiden Elemente nebeneinander liegen, wird die untere Navigationsleiste nach unten verschoben, bis ich scrollen muss. Hier sehen Sie eine weitere Seite ohne Zeilenelemente, bei der die Navigationslinks perfek...

P粉156415696 2024-04-03 18:48:12 0  1  495

Verhindern Sie, dass scrollIntoView() den Container an den Seitenanfang scrollt

Ich versuche, ein einfaches „hauptsächlich CSS“-Bildkarussell zu erstellen, das das Scrollen verwendet, aber auch über Navigationsschaltflächen zur Steuerung der aktuell angezeigten Folie verfügt. Die einzige Lösung, die ich gefunden habe, besteht darin, scrollIntoView() für das Zielelement zu verwe...

P粉690200856 2024-03-26 20:25:28 0  1  493

Der Navigationsleistencode war nicht so gut, er verursachte Probleme mit defekten Links, ich weiß nicht warum

Ich bin nicht wirklich sicher, wie ich dieses Problem erklären soll, aber im Wesentlichen scrollt meine feste Navigationsleiste entweder nicht, aber die Hyperlinks funktionieren, oder die Navigationsleiste scrollt, aber die Hyperlinks funktionieren nicht. Diese Schleife tritt immer wieder auf, wenn ...

P粉004287665 2024-04-04 09:09:20 0  1  526

Gibt es eine Möglichkeit, bei Verwendung des Scrollrads eine reibungslose Scroll-Animation zu erzielen?

Ich versuche, dafür zu sorgen, dass sich die Seite beim Scrollen reibungslos bewegt und nicht so „ruckartig“, wie es bei Verwendung des Scrollrads der Fall ist. Die meisten Quellen, die ich in diesem Zusammenhang gesehen habe, beinhalten sanftes Scrollen beim Klicken auf eine Schaltfläche oder einen...

P粉118698740 2023-08-16 16:40:27 0  1  639

Absolute Div. eine Ebene über der festen Navigationsleiste

Ich habe ein Problem mit meiner Navigationsleiste. Ich habe eine feste Navigationsleiste erstellt, aber wenn ich zum Ende der Website scrolle, befindet sich darüber eines meiner Divs. Ich möchte, dass die Navigationsleiste über allen anderen Inhalten der Website angezeigt wird. Ich verstehe nicht wa...

P粉635509719 2024-02-21 22:06:56 0  1  438

HTML-Webseiten-Paginierung in Chrome

Ich versuche, nach einem ganzseitigen Div-Container zu paginieren. Wenn Sie nach unten scrollen, gelangen Sie, genau wie beim Laden einer Einführungsseite, in eine Art Navigationscenter. Ich habe das Gefühl, dass dies ein Chrome-Problem sein könnte, aber das Seitenumbruchelement funktioniert auch in...

P粉041881924 2024-04-02 23:26:08 0  1  617

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  899

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  780

CSS-Raster: Erstellen Sie eine neue Zeile, wenn der untergeordnete Inhalt die Spaltenbreite überschreitet

Ich habe ein zweispaltiges Layout basierend auf einem CSS-Raster. Wenn der Inhalt der zweiten Spalte 1fr überschreitet, möchte ich eine neue Zeile erstellen. So wie es derzeit aussieht, läuft der Inhalt einfach über die Spalte hinaus. Eine Voraussetzung für dieses Layout ist, dass sich die Elemente ...

P粉212114661 2023-09-05 15:18:28 0  1  658