Html 为什么我的页面会自动滚动到底部/_Html_Css_Ruby On Rails

Html 为什么我的页面会自动滚动到底部/

html css ruby-on-rails

Html 为什么我的页面会自动滚动到底部/,html,css,ruby-on-rails,Html,Css,Ruby On Rails,我在一个网站上工作，无论何时我加载网站或点击链接，它都会跳到底部当我从application.html.erb文件中删除页脚时，网站没有滚动到底部。但我想保留页脚。有人知道问题是什么，或者我如何预防它吗 application.html.erb <!DOCTYPE html> <html> <head> <title>NightJobs</title> <%= stylesheet_link_tag 'a

我在一个网站上工作，无论何时我加载网站或点击链接，它都会跳到底部

当我从application.html.erb文件中删除页脚时，网站没有滚动到底部。但我想保留页脚。有人知道问题是什么，或者我如何预防它吗

application.html.erb
<!DOCTYPE html>
<html>

<head>
    <title>NightJobs</title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
  <%= render 'layouts/shim' %>
</head>
<body>
    <%= render 'layouts/header' %>
 <div id="content"></div>
 <div id="container">
<%= yield %>
</div>
    <%= render 'layouts/footer' %>
</body>
</html>

Layouts _footer.html.erb

<nav class="footer">
    <div class="footer-link-container">
    <ul>
       <li><%= link_to "Home", root_path,class: "link-new" %></li>
       <li><%= link_to "Help",  help_path,class: "link-new" %></li>
       <li><%= link_to "Contact", contact_path,class: "link-new" %></li>
       <li><%= link_to "About",  about_path,class: "link-new" %></li>
    </ul>
</div>

<div class="subscribe-container">
  <section class="subscribe">
    <div class="subscribe-pitch subscribe-pitch-new">
       <%= image_tag("envelope.png", alt: "envelope icon", :class => "envelope")%>
      <p>Sign up for<br> daily updates<p>
    </div>
    <form action="index.html" method="post" class="subscribe-form">
      <input type="email" name="email" class="subscribe-input" id="subscribe-spacing" placeholder="Email" autofocus>
      <form action="index.html" method="post" class="subscribe-form">
      <input type="email" name="email" class="subscribe-input" id="subscribe-spacing" placeholder="Zip Code" autofocus>
      <button type="submit" class="tfbutton tfubutton-subscribe">Sign Up</button>
    </form>
  </section>
</div>

如果您需要更多信息，请告诉我

更新：

页脚中的subscribe部分似乎是问题所在。我现在移除了订阅框，解决了这个问题。

我认为这与HTML有关，因为当我删除CSS时，页面仍然会跳到底部。

从页脚的字段中删除

自动聚焦

，或者将订阅表单移到页面的更高位置

PS：它们都叫电子邮件，都有自动对焦功能——我确信zip应该是type=text

 <form action="index.html" method="post" class="subscribe-form">
  <input type="email" name="email" class="subscribe-input" 
   id="subscribe-spacing" placeholder="Email" XXXautofocusXXX>
  <form action="index.html" method="post" class="subscribe-form">
  <input type="email" name="email" class="subscribe-input" 
  id="subscribe-spacing" placeholder="Zip Code" XXXautofocusXXX>
  <button type="submit" class="tfbutton tfubutton-subscribe">Sign Up</button>
</form>


注册

右键单击并查看源代码。发布结果我刚刚发布了视图源。希望您能找到一些您的

标记尚未结束的内容。。更正它，更不用说任何形式的对页脚的关注都可能发生在其中一个脚本中。我在_footer.html.erb的代码末尾添加了一个，但它仍然跳到页面底部。我做了更改，这解决了我的问题。多谢各位

 <form action="index.html" method="post" class="subscribe-form">
  <input type="email" name="email" class="subscribe-input" 
   id="subscribe-spacing" placeholder="Email" XXXautofocusXXX>
  <form action="index.html" method="post" class="subscribe-form">
  <input type="email" name="email" class="subscribe-input" 
  id="subscribe-spacing" placeholder="Zip Code" XXXautofocusXXX>
  <button type="submit" class="tfbutton tfubutton-subscribe">Sign Up</button>
</form>