我想用 link_to 滚动页面（ruby on rails）

Question

这是说明我的主题的一个例子，它是在页面不同部分滚动的代码：

<!DOCTYPE html>
<html>
<head>
<style>
html {
  scroll-behavior: smooth;
}

#section1 {
  height: 600px;
  background-color: pink;
}

#section2 {
  height: 600px;
  background-color: yellow;
}
</style>
</head>
<body>

<h1>Smooth Scroll</h1>

<div class="main" id="section1">
  <h2>Section 1</h2>
  <p>Click on the link to see the "smooth" scrolling effect.</p>
  <a href="#section2">Click Me to Smooth Scroll to Section 2 Below</a>
  <p>Note: Remove the scroll-behavior property to remove smooth scrolling.</p>
</div>

<div class="main" id="section2">
  <h2>Section 2</h2>
  <a href="#section1">Click Me to Smooth Scroll to Section 1 Above</a>
</div>

</body>
</html>

所以我的问题是可以通过在轨道上使用 ruby 的 link_to 来做到这一点吗？

我在轨道上使用 ruby 我希望锚链接跳转到页面的特定部分^^

谢谢 =)

Answer 1

Looking into https://api.rubyonrails.org/v5.2.1/classes/ActionView/Helpers/UrlHelper.html#method-i-link_to i guess you'd just pass the hash and id as the second param into the link_to function喜欢：

<%= link_to "Click Me to Smooth Scroll to Section 2 Below", "#section2" %>

我想用 link_to 滚动页面（ruby on rails）

问题描述

1 个解决方案

解决方案1
0 2021-04-18 23:35:11

我想用 link_to 滚动页面（ruby on rails）

问题描述

1 个解决方案

解决方案1 0 2021-04-18 23:35:11

解决方案1
0 2021-04-18 23:35:11