wordpress从特定页面删除滚动条
wordpress remove scroll bar from a specific page
我需要从我站点特定网页仅删除垂直滚动条
http://historyofliverpool.com/test-2/
该页面由许多 php 和 css 文件组成，我不知道从哪里开始编辑，也不想更改站点的其余部分。
此页面上的自定义字段是否只能解决我的问题？
非常感谢任何帮助。
我在你的样式表中找不到任何 overflow: hidden。
请试试这个：
.fullscreen {
overflow: hidden;
}
删除滚动条很容易；您只需要将 overflow:hidden 应用于 body 选择器。
真正的挑战是删除正确页面上的滚动条 。 有一些快速而肮脏的方法可以做到这一点，但让我们花点时间理智地看一下：
儿童主题
看起来您在进行任何更改之前正在使用 Anglepane theme. As this is a commercial theme I'd recommend you first create a child theme。这样，当 Anglepane 主题更新时，它不会删除您的编辑。
识别页面 - body_class()
下一步是确定并选择要应用更改的页面。 WordPress 具有方便的 body_class() 功能，可以将 CSS classes 添加到 body 元素，让您可以轻松地逐页添加样式。现在看起来您的主题没有使用这个功能；所以你应该通过以下方式添加此功能：
- 将
header.php 文件从父主题文件夹复制到您的子主题文件夹，以便您可以对其进行编辑
- 找到
body 标签并像这样修改它：
<body <?php body_class( $class ); ?>>
识别页面 - ID 与模板
一旦您添加了 body_class() 函数，您应该会发现您的 body 元素将有一堆您可以使用的 class；其中之一是页面 ID，前缀为 .page-id-。您现在可以将 class 名称用于您的 CSS。例如，如果您的目标页面的 ID 为 3，您可以使用：
.page-id-3 {
overflow:hidden;
}
虽然这可行，但我个人更喜欢使用页面模板来定位特定于页面的样式。这样做的好处之一是它避免了不同环境之间的页面 ID 不匹配。例如，我可能想更改我的 about 页面的背景颜色，该页面的 ID 为 4:
.page-id-4 {
background:red; // Works as long as the page ID is definitely 4
}
这在我的网站本地副本上效果很好，但在实时网站上，我的 about 页面的 ID 为 24。我通过创建 page template 专门针对我的 about 页面。这样我就可以改用 page-template 选择器，这在两种环境中都是一致的：
.page-template-about {
background:red; // Now I work everywhere
}
希望这对您来说足够详细。
我需要从我站点特定网页仅删除垂直滚动条
http://historyofliverpool.com/test-2/
该页面由许多 php 和 css 文件组成，我不知道从哪里开始编辑，也不想更改站点的其余部分。
此页面上的自定义字段是否只能解决我的问题？ 非常感谢任何帮助。
我在你的样式表中找不到任何 overflow: hidden。
请试试这个：
.fullscreen {
overflow: hidden;
}
删除滚动条很容易；您只需要将 overflow:hidden 应用于 body 选择器。
真正的挑战是删除正确页面上的滚动条 。 有一些快速而肮脏的方法可以做到这一点，但让我们花点时间理智地看一下：
儿童主题
看起来您在进行任何更改之前正在使用 Anglepane theme. As this is a commercial theme I'd recommend you first create a child theme。这样，当 Anglepane 主题更新时，它不会删除您的编辑。
识别页面 - body_class()
下一步是确定并选择要应用更改的页面。 WordPress 具有方便的 body_class() 功能，可以将 CSS classes 添加到 body 元素，让您可以轻松地逐页添加样式。现在看起来您的主题没有使用这个功能；所以你应该通过以下方式添加此功能：
- 将
header.php文件从父主题文件夹复制到您的子主题文件夹，以便您可以对其进行编辑 - 找到
body标签并像这样修改它：
<body <?php body_class( $class ); ?>>
识别页面 - ID 与模板
一旦您添加了 body_class() 函数，您应该会发现您的 body 元素将有一堆您可以使用的 class；其中之一是页面 ID，前缀为 .page-id-。您现在可以将 class 名称用于您的 CSS。例如，如果您的目标页面的 ID 为 3，您可以使用：
.page-id-3 {
overflow:hidden;
}
虽然这可行，但我个人更喜欢使用页面模板来定位特定于页面的样式。这样做的好处之一是它避免了不同环境之间的页面 ID 不匹配。例如，我可能想更改我的 about 页面的背景颜色，该页面的 ID 为 4:
.page-id-4 {
background:red; // Works as long as the page ID is definitely 4
}
这在我的网站本地副本上效果很好，但在实时网站上，我的 about 页面的 ID 为 24。我通过创建 page template 专门针对我的 about 页面。这样我就可以改用 page-template 选择器，这在两种环境中都是一致的：
.page-template-about {
background:red; // Now I work everywhere
}
希望这对您来说足够详细。