[英]I want to scroll page with a link_to (ruby on rails)
It is a exemple for illustre my topic it a code for scroll at different part of the page:这是说明我的主题的一个例子,它是在页面不同部分滚动的代码:
<!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>
So my question it is possible to do this with a link_to with ruby on rails?所以我的问题是可以通过在轨道上使用 ruby 的 link_to 来做到这一点吗?
I use ruby on rails an i want a anchor link to jump to a specific part of a page ^^我在轨道上使用 ruby 我希望锚链接跳转到页面的特定部分^^
Thanks =)谢谢 =)
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 like: 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" %>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.