javascript - AngularJS-Einzelseitenanwendung Wie kann das Problem gelöst werden, dass nach dem Scrollen nach unten nicht zum Seitenanfang gescrollt wird, nachdem die Navigation zur neuen Seite gesprungen ist?

Wie kann das Problem gelöst werden, dass nicht zum Seitenanfang gescrollt wird, nachdem die Navigation nach dem Scrollen zum Seitenende zu einer neuen Seite gesprungen ist?

漂亮男人 2017-05-19 10:42:03 0  1  433

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  564

ScrollPosition ist beim Navigieren zu anderen Seiten nicht auf „oben' eingestellt

Die Webseite ist nach einem Master-Slave-Ansatz gestaltet. Der Master verfügt über Registerkarten (linker Bereich), die beim Klicken die entsprechenden Seiten in den Slaves (rechter Bereich) anzeigen. Zum Beispiel. Master verfügt über drei zwei Registerkarten „Schema und Vorlagen“, auf denen das Sch...

P粉556159786 2023-08-30 09:07:14 0  1  557

Das Element muss verschwinden, wenn sich die Seite dem Ende nähert

Ich habe diesen JS-Code zum Hinzufügen und Entfernen von Klassen, wenn ich vom oberen Rand der Seite nach unten scrolle. Ich möchte jedoch verschwinden, wenn Sie sich dem Ende der Seite nähern, oder nach einigem Scrollen zum alten Zustand zurückkehren (z. B. von rechts: 7px nach rechts: -150px). Ich...

P粉463418483 2024-03-29 23:04:00 0  1  370

CSS an unterschiedliche Bildschirmgrößen anpassen: Eine Anleitung

Ich habe diesen CSS-Code und mein Problem ist, dass meine Seite aufgrund des Padding-Top (etwas Platz von oben) zu groß ist, was dazu führt, dass sie über die Option „Bildlauf“ verfügt und nicht auf den gesamten Bildschirm passt. Wie kann ich die Scroll-Option deaktivieren? *{margin:0;padding:0;}htm...

P粉030479054 2023-09-09 00:05:15 0  1  429

Wie wähle ich mit JavaScript alle Elemente im Bootstrap-Paginierungscode aus?

Ich verwende Bootstrap für eine Website, die ich vorbereite. Da die Überlauf-Bildlaufleiste schlecht aussieht, habe ich sie mit CSS ausgeblendet und versucht, die Paginierung mit dem Mausrad über JavaScript zu scrollen. Wenn ich den unten angegebenen Code verwende, funktioniert der obere Code, der u...

P粉165522886 2024-02-25 23:29:10 0  1  339

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  413

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  466

Möglichkeit, das ausgewählte Element im Seitenleistenmenü nach dem Neuladen der Seite oben zu belassen

Ich habe ein scrollbares Seitenleistenmenü. Wenn ich also einen Menüpunkt auswähle, sollte er oben in der Seitenleiste erscheinen. Das Einrichten des aktiven Menüs ist kein Problem. Ich habe es. Aber ich kann die obere Position der Seitenleiste nicht festlegen. Bitte empfehlen Sie jQuery nicht. Stat...

P粉955063662 2024-02-17 14:49:08 0  1  349

Die Nginx-Konfiguration als Reverse-Proxy ist fehlgeschlagen

Fügen Sie den folgenden Code zu nginx.conf hinzu: {code...} In http{} sollte der Speicherort in Ordnung sein, localhost:8000 kann gestartet werden, dann starten Sie nginx, öffnen Sie www.baidu.com oder die Baidu-Seite, bitte führen Sie uns durch

天蓬老师 2017-05-16 17:10:42 0  3  943

Im Reaktionsmodus kann nicht vertikal gescrollt werden

Ich versuche, in meinem React-Projekt ein Modal anzuzeigen. Wenn das Modal angezeigt wird, setze ich den Überlauf des Körpers über useEffect auf ausgeblendet (andernfalls wird die Bildlaufleiste für den Hauptinhalt unterhalb des Modals angezeigt). Es funktioniert perfekt, um das Scrollen des Hinterg...

P粉760675452 2023-09-16 11:18:16 0  1  1076

Implementieren Sie vertikales Scrollen innerhalb einer Seite, das auf einen bestimmten Abschnitt abzielt, ohne die gesamte Seite zu verschieben

Ich habe diesen Effekt auf einigen Seiten gesehen: Sie scrollen nach unten, aber die Seite selbst scheint bewegungslos zu sein. Daher werden einige Elemente ein- oder ausgeblendet, erscheinen oder verschwinden. Ich habe einen Abschnitt mit 5 Karten. Jetzt möchte ich den gleichen Effekt erzeugen. Wen...

P粉946437474 2023-08-15 19:29:46 0  1  405

javascript - Mehrere Seiten teilen sich die gleiche Navigation. Wie kann diese gemeinsame Navigation eingeführt werden, um Duplikate zu vermeiden?

Ein sehr häufiges Szenario wurde in der Vergangenheit mithilfe von PHP-Includes eingeführt. Welche Methoden können am Frontend verwendet werden, um dies zu tun? Zu den derzeit eingeführten Bibliotheken gehören jQuery und Webpack: Senden Sie eine Ajax-Anfrage und fügen Sie die angeforderte Seite in d...

PHPz 2017-05-19 10:37:36 0  2  863

Der CSS-Hintergrundverlauf deckt nicht die gesamte Seite ab (einschließlich scrollbarer Inhalte).

Ich habe Probleme mit einem CSS-Hintergrundverlauf in einem HTML-Dokument. Ich habe eine Seite entworfen, die einen linearen Farbverlauf als Hintergrund verwendet und ihn auf das Körperelement setzt. Das Problem, mit dem ich konfrontiert bin, besteht darin, dass der Farbverlauf dort zu enden scheint...

P粉506963842 2023-09-12 13:20:09 0  2  687

Durch Klicken auf eine Schaltfläche im Formular wird die Seite aktualisiert

Ich habe ein Angular-Formular mit zwei Schaltflächenbeschriftungen. Senden Sie Formulare mit einem Klick auf ng – klicken Sie. Die andere Schaltfläche dient ausschließlich der Navigation mit ng-click. Wenn jedoch auf die zweite Schaltfläche geklickt wird, veranlasst AngularJS eine Aktualisierung der...

P粉231079976 2024-01-16 10:54:04 0  2  500

Durch Klicken auf die Schaltfläche wird das Formular aktualisiert.

Ich habe ein Formular in Angular mit zwei Schaltflächenbeschriftungen. Eine Schaltfläche sendet das Formular auf ng-click. Die andere Schaltfläche dient ausschließlich der Navigation mit ng-click. Wenn jedoch auf diese zweite Schaltfläche geklickt wird, veranlasst AngularJS eine Aktualisierung der S...

P粉523625080 2023-08-14 20:46:02 0  2  475

Speichern Sie die Position des ziehbaren DIV in einer HTML-Tabelle und speichern Sie sie in einer MySQL-Datenbank

Ich frage mich, ob/wie ich die Position, an die ich das ziehbare Div in der Tabelle verschoben habe, speichern kann, damit die Seite beim erneuten Laden an die Stelle zurückkehrt, an der sie aufgehört hat (aus der MySQL-Datenbank). Ich habe einige verwandte Artikel gelesen, in denen es jedoch aussch...

P粉909476457 2024-02-03 18:37:10 0  1  373

Ordnen Sie die Bilder in einem 2x1x2x1x2-Layout an

Ich möchte die Bilder wie im Bild gezeigt in einem 2x1x2x1x2-Rasterformat ausrichten, aber dann wiederholen sich die Bilder und ich weiß anscheinend nicht, wie ich sie so hinbekomme. Ich bin nicht sehr vertraut mit der Funktionsweise von Rastern und kann es anscheinend auch nicht verstehen. Ich habe...

P粉788765679 2024-03-22 09:20:14 0  1  354

Wie kann ich dafür sorgen, dass sich Text beim Klicken in ein neues Element (z. B. eine Trennlinie) verwandelt?

Ich versuche eine Möglichkeit zu finden, bestimmte Texte auf der Seite beim Klicken in Trennzeichen/neue Elemente umzuwandeln. Ich weiß nicht, wie ich es erklären soll, aber stellen Sie sich ein Bild mit einem Titel darunter vor – klicken Sie auf den Titel, und dann wird das Bild oben zu einem Textf...

P粉872101673 2024-04-04 11:21:03 0  1  3768

Erstellen Sie eine Navigationsleiste ähnlich der Toast-UI-Startseite

Meine Inspirationsquelle: Ich wollte eine Navigationsleiste wie diese erstellen: Toastui-Startseite. Um dies zu erreichen, habe ich versucht, so viel wie möglich zu kopieren. Ich erhalte Folgendes: Was ich möchte Ich möchte so etwas (diese wurden durch Bildbearbeitung erstellt): Option 1: Mittenbünd...

P粉619896145 2024-04-01 18:34:38 0  1  388