Question

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

我使用了以下代码

html {overflow-y：hidden; }

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

Answer 1

将此html { overflow-y: hidden; }添加到您的主页，如此示例

主页

＆＃13;

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

＆＃13;

其他页面

＆＃13;

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

＆＃13;

Here是如何对你的wordpress进行的

Answer 2

如果您只想在首页上使用此行为，请将其添加到style.css

body.home {
    overflow-y: hidden;
}

Answer 3

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

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

然后添加CSS：

body.home{
  overflow-y: hidden;
}