[Ruby on Rails] Comment faire de la destination du lien une partie de l'ID spécifié

Cible

Cliquer sur un lien ne défilera pas, même au milieu de la page Envolez-vous vers l'emplacement spécifié.

Environnement de développement

ruby 2.5.7 Rails 5.2.4.3 OS: macOS Catalina

① Spécifiez l'identifiant

Spécifiez la classe d'ID à laquelle vous souhaitez ignorer.

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


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

② Modifier link_to

python


<%= link_to "Nom du lien",Chemin lié(anchor: "Nom d'ID spécifié") %>

La description réelle est la suivante.

python


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

Ou

python


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

L'URL ressemble à ceci.

http://localhost:3000/about#map

référence

Spécifiez l'emplacement (position) de la page de destination de la transition à l'aide du lien d'ancrage Rails

Recommended Posts

[Ruby on Rails] Comment faire de la destination du lien une partie de l'ID spécifié
Comment résoudre la construction de l'environnement local de Ruby on Rails (MAC)!
[Ruby on Rails] Comment changer le nom de la colonne
[Ruby on Rails] Comment japonaisiser le message d'erreur de l'objet Form (ActiveModel)
Comment utiliser Ruby on Rails
(Ruby on Rails6) Affichage de la base de données qui a obtenu l'identifiant de la base de données
[Ruby on Rails] Changez la destination de sauvegarde du recueil de gemmes * Remarque
[Rails / Heroku / MySQL] Comment réinitialiser la base de données de l'application Rails sur Heroku
[Ruby on Rails] Comment utiliser redirect_to
Comment créer une application avec ruby on rails (en supposant que l'environnement a été construit)
Comment déboguer le traitement dans le modèle Ruby on Rails avec juste la console
Comment faire de https le schéma de l'URL générée par l'assistant d'URL de Rails
Modifiez la destination d'enregistrement de l'image en S3 dans l'application Rails. Partie 2
[Rails] Comment décider de la destination par "voies ferrées"
[Ruby on Rails] Jusqu'à l'introduction de RSpec
Comment résoudre les erreurs qui se produisent lors du test d'intégration "Ruby on Rails"
Comment créer une combinaison unique de données dans la table intermédiaire des rails
[Ruby on Rails] Comment écrire enum en japonais
[Ruby on Rails] Remplacez l'ID d'URL par le nom de la colonne
[Rails] Comment changer le nom de colonne de la table
[Ruby On Rails] Comment réinitialiser DB dans Heroku
[Rails] Comment obtenir le contenu des paramètres forts
[Swift] Comment obtenir l'ID de document Firebase
(Ruby on Rails6) Comment créer un modèle et une table
Essayez d'utiliser l'attribut de requête Ruby on Rails
[Rails] Je souhaite afficher la destination du lien de link_to dans un onglet séparé
[Rails] Comment faire des graines
Explication de Ruby on rails pour les débutants ④ ~ À propos des règles de dénomination et comment utiliser form_Tag ~
[Ruby on Rails] Élimination de Fat Controller-First, logic to model-
Supprimer tout le contenu de la page de liste [Ruby on Rails]
Une note sur la fonction de départ de Ruby on Rails
Comment afficher des graphiques dans Ruby on Rails (LazyHighChart)
[Note] À propos du problème Fizz_Buzz (Fonctionnement de Ruby on Rails)
[Ruby] Comment récupérer le contenu du double hachage
[Rails] Comment afficher une liste de messages par catégorie
Comment exécuter React et Rails sur le même serveur
Connaissance de base de Ruby on Rails
Comment déployer Bootstrap sur Rails
[Swift] Comment modifier dynamiquement la hauteur de la barre d'outils sur le clavier
[Rails] Comment obtenir l'URL de la source de transition et la rediriger