Я создал прокручиваемую навигацию в рельсах, которая требует посещения root url + '#about'
и аналогичного раздела страницы.
Вот мой html:
<%= link_to "Home", root_path, class: "nav-link", :"data-id" => "home" %>
<%= link_to "About", root_path, class: "nav-link", :"data-id" => "about" %>
<%= link_to "Testimonials", root_path, class: "nav-link", :"data-id" => "testimonials" %>
А вот js код:
// Scrolling Nav
$(".nav-link").click(function(){
var topData = $( '#' + $(this).attr("data-id")).offset();
$('html, body').animate({
scrollTop: topData.top
}, 'slow');
});
По умолчанию будет прокручиваться раздел с идентификатором data или id раздела содержимого div home
, about
, testimonials
Есть ли способ в рельсах, что я могу подключить root_path
+ Specif c текст, как #about
на моей ссылке, чтобы, если пользователь нажимает ссылку, как About
ссылку, он будет анализировать URL http://localhost:3000#about
Я попробовал это:
<%= link_to "About", root_path#{#about}, class: "nav-link", :"data-id" => "about" %>
Но не сработало. Есть ли способ сделать это? Пожалуйста, помогите!