如何从主页中删除滚动条并显示在其他页面中？答案

【问题标题】：how to remove scrollbar from home page and show in other pages?如何从主页中删除滚动条并显示在其他页面中？
【发布时间】：2018-01-25 21:35:22
【问题描述】：

我想知道如何在主页隐藏滚动条并在其他页面显示。

我使用了以下代码

html { 溢出-y：隐藏； }

我应该添加什么以使此代码仅适用于主页？

【问题讨论】：

【解决方案1】：

将这个 html { overflow-y: hidden; } 添加到您的主页，就像这个例子一样

主页

<html>
  <head>
    <style>
      html { 
        overflow-y: hidden; 
      }
    </style>
  </head>
  <body>
  
  </body>
</html>

其他页面

<html>
  <head>
  
  </head>
  <body>
  
  </body>
</html>

Here 是如何对您的 wordpress 进行操作的

【讨论】：

【解决方案2】：

如果您只想在主页上显示此行为，请将其添加到 style.css

body.home {
    overflow-y: hidden;
}

【讨论】：

【解决方案3】：

您需要检查主页的唯一 ID 或类以应用此 CSS 属性。如果没有，您可以在运行时使用脚本在主页模板中添加它：

jQuery( document ).ready(function() {
    jQuery('body').addClass('home');
});

然后添加 CSS：

body.home{
  overflow-y: hidden;
}

【讨论】：