Rails:搜索中的每个条目都会将<main>中的内容移动到一个点击中

Rails: Every entry in the search moves the content in <main> to go up one click

提问人:saathipop 提问时间:1/14/2023 更新时间:1/17/2023 访问量:29

问:

我的代码的基本布局如下所示:

<!doctype html>
<html lang="en">
<head>
 .....
 ..... 
</head>
<body>
 <div>
  <%= form_tag("/search",
        method: :get,
        id:  "Search") do %>
          
          <%= search_field_tag("s",
                params[:s],
                placeholder: "search here",
                ) %>
  <% end %>
 </div>
 <main>
   <%= yield %>
 </main>
 <div class="footer> ....</div>
</body>

搜索中的每一次击键都会导致内容向上滚动一点,就像按下了一个键一样。<main>arrow-up

有关如何防止在输入搜索字符串时“滚动”main 的任何线索将不胜感激。

谢谢!

尝试在JS中搜索。也尝试在JS中进行搜索。但两者都没有奏效。如何停止传播?evt.preventDefault()onChangeevt.stopPropogation()

Ruby-on-Rails 搜索 滚动 事件冒泡

评论

0赞 Dave 1/14/2023
如果您可以包含一个 jsfiddle 来复制这个问题,那就太好了

答:

0赞 saathipop 1/17/2023 #1

所以事实证明,html的css有scroll-padding-top

html {
 scroll-padding-top: 2rem;
}

如果遇到此类行为,也要检查。scroll-margin-top