Ziel

Klicken Sie auf einen Link, ohne zu scrollen, auch nicht in der Mitte der Seite Fliegen Sie zum angegebenen Ort.

Entwicklungsumgebung

ruby 2.5.7 Rails 5.2.4.3 OS: macOS Catalina

① Geben Sie die ID an

Geben Sie die ID-Klasse an, in der Sie überspringen möchten.

`erb:app/views/homes/about.html.erb`


<div id="map"></div>

② Bearbeiten Sie link_to

`python`


<%= link_to "Linkname",Verknüpfter Pfad(anchor: "Angegebener ID-Name") %>

Die tatsächliche Beschreibung lautet wie folgt.

`python`


<%= link_to about_path(anchor: "map") do %>
  ACCSESS
<% end %>

Oder

`python`


<%= link_to "ACCSESS", about_path(anchor: "map") %>

Die URL sieht so aus.

http://localhost:3000/about#map

Referenz

Geben Sie den Ort (die Position) der Zielseite über den Rails-Ankerlink an

Recommended Posts

[Ruby on Rails] So machen Sie das Linkziel zu einem Teil der angegebenen ID

So lösen Sie die lokale Umgebungskonstruktion von Ruby on Rails (MAC)!

[Ruby on Rails] So ändern Sie den Spaltennamen

[Ruby on Rails] So japanisieren Sie die Fehlermeldung des Formularobjekts (ActiveModel)

Verwendung von Ruby on Rails

(Ruby on Rails6) Anzeige der Datenbank, die die ID der Datenbank erhalten hat

[Ruby on Rails] Ändere das Speicherziel von Gem Refile * Hinweis

[Rails / Heroku / MySQL] So setzen Sie die Datenbank der Rails-App auf Heroku zurück

[Ruby on Rails] Verwendung von redirect_to

So erstellen Sie eine App mit Ruby on Rails (vorausgesetzt, die Umgebung wurde erstellt)

So debuggen Sie die Verarbeitung im Ruby on Rails-Modell nur mit der Konsole

So machen Sie https zum Schema der URL, die vom URL-Helfer von Rails generiert wurde

Ändern Sie das Speicherziel des Bildes in der Rails-App in S3. Teil 2

[Rails] So bestimmen Sie das Ziel anhand von "Rails-Routen"

[Ruby on Rails] Bis zur Einführung von RSpec

So beheben Sie Fehler, die beim Integrationstest "Ruby on Rails" auftreten

So erstellen Sie eine eindeutige Datenkombination in der Schienen-Zwischentabelle

[Ruby on Rails] Wie schreibe ich eine Enumeration auf Japanisch?

[Ruby on Rails] Ändern Sie die URL-ID in den Spaltennamen

[Rails] So ändern Sie den Spaltennamen der Tabelle

[Ruby On Rails] So setzen Sie die Datenbank in Heroku zurück

[Rails] So erhalten Sie den Inhalt starker Parameter

[Swift] So erhalten Sie die Firebase-Dokument-ID

(Ruby on Rails6) So erstellen Sie ein Modell und eine Tabelle

Versuchen Sie es mit dem Ruby on Rails-Abfrageattribut

[Rails] Ich möchte das Linkziel von link_to auf einer separaten Registerkarte anzeigen

[Schienen] Wie man Samen macht

Erklärung von Ruby on Rails für Anfänger ④ ~ Informationen zu Benennungsregeln und zur Verwendung von form_Tag ~

[Ruby on Rails] Eliminierung von Fat Controller-First, Logik zum Modell-

Alle Inhalte der Listenseite löschen [Ruby on Rails]

Ein Hinweis zum Seed-Feature von Ruby on Rails

So zeigen Sie Diagramme in Ruby on Rails an (LazyHighChart)

[Hinweis] Über das Fizz_Buzz-Problem (Funktionsweise von Ruby on Rails)

[Ruby] So rufen Sie den Inhalt des Doppel-Hash ab

[Rails] So zeigen Sie eine Liste der Beiträge nach Kategorie an

So führen Sie React und Rails auf demselben Server aus

Grundkenntnisse in Ruby on Rails

So stellen Sie Bootstrap auf Rails bereit

[Swift] So ändern Sie dynamisch die Höhe der Symbolleiste auf der Tastatur

[Rails] So erhalten Sie die URL der Übergangsquelle und leiten sie um