当body具有使用fullpage.js的类时隐藏或显示元素
为了解决我的问题，我找了很多地方。我正在本地使用fullpage.js库构建一个网站。fullpage.js为body提供了一个类，这个类引用了Viewport中的部分。在最后的第二节中，我用下面的css代码隐藏了虚线滑块导航。我做了一个简化的html结构。
<body>
<div class="section-1">
.. some content
</div>
<div class="section-2">
.. some content
</div>
<div class="section-3">
.. some content
</div>
<div class="section-4">
.. some content
</div>
<div class="section-5">
.. slider with the navigation turned off when this section is in viewport, see used css.
</div>
<div class="sectie-footer">
.. footer, navigation above reappears because this section is in viewport and css doesn't apply anymore; Body has now class fp-viewing-section-footer.
</div>
</body>
CSS：
CSS that applies to sectie-5 but not when footer is in viewport.
body.fp-viewing-section-5-0 .fp-slidesNav.fp-bottom {
display:none;
}
一切正常，但当试图编写一小段jQuery代码时，当sectie-footer在viewport中，并且body具有引用footer的类时，它会在sectie-5上隐藏这个导航元素。我不能让它工作。它没有显示错误，但代码并没有像我想的那样。
我试着检查body.hassClass,如果是,则添加一个带有.addClass的类。我试过。隐藏和。展示，也没有效果。我写道：
jQuery(document).ready(function() {
function hideonfooter() {
jQuery('.fp-slidesNav.fp-bottom').hide();
};
if (jQuery('body').hasClass('.fp-viewing-section-footer')) {
hideonfooter();
}});
和我在前面关于Stackoverflow的问题中找到的一些代码（类jsnoshow有display：none）：
jQuery("fp-slidesNav").toggleClass(function() {
if ( jQuery("body").hasClass( "fp-viewing-section-footer" ) ) {
return "jsnoshow";
} else {
return "";
}
});
我也试过：
jQuery(document).ready(function() {
if (jQuery('body').hasClass('.fp-viewing-section-footer')) {
.hide('.fp-slidesNav .fp-bottom');
}});
希望你们能帮我。
共有1个答案
请检查如何使用fullpage.js状态类或回调。
另外，不要忘记检查examples文件夹中的回调示例。
你可能还想检查这个视频教程，我做了利用国家类创建动画。
例如：
new fullpage('#fullpage', {
afterLoad: function(origin, destination, direction){
if(destination.index == 4){
alert("Section 4 ended loading");
}
}
});
您可以在回调中使用所需节的索引，在所需节上运行代码，而不是警报。
-
问题内容： 我第一次弄乱React.js，找不到通过click事件在页面上显示或隐藏内容的方法。我没有在页面上加载任何其他库，所以我正在寻找使用React库的本机方法。到目前为止，这就是我所拥有的。当点击事件触发时，我想显示结果div。 问题答案： 大约在2020年做出反应 在回调中，调用状态挂钩的 setter函数以更新状态并重新渲染： JSFiddle 反应约2014年 关键是使用来更新点击处
-
问题内容： 按下后如何隐藏“编辑”链接？当我按下编辑键时，是否还可以隐藏“ lorem ipsum”文本？ 问题答案：
-
我有一个桌子，它的膨胀和折叠，但它变得太乱，无法使用它，IE和Firefox不能正常工作。 下面是JavaScript代码： 和示例HTML： 问题是，我对每一个都使用一个ID，这是非常烦人的，因为我想为每个父级和很多父级都有很多隐藏行，所以要处理的ID太多了。IE和FireFox只显示第一个隐藏行，而不显示其他行。我怀疑发生这种情况是因为我将所有ID触发在一起使其工作。我认为如果我使用类而不是I
-
本文向大家介绍如何使用animate()，隐藏和显示元素？，包括了如何使用animate()，隐藏和显示元素？的使用技巧和注意事项，需要的朋友参考一下 使用和方法来隐藏和显示元素。 示例 您可以尝试运行以下代码，以了解如何使用方法来隐藏和显示元素：
-
问题内容： 对于我正在做的网站，我想加载一个div，然后隐藏另一个，然后有两个按钮可以使用JavaScript在div之间切换视图。 这是我当前的代码 替换div2的第二个功能不起作用，但第一个功能起作用。 问题答案： 如何显示或隐藏元素： 为了显示或隐藏元素，请操纵元素的style属性。在大多数情况下，您可能只想更改元素的属性： 或者，如果您仍然希望元素占用空间（例如，如果您要隐藏表格单元格），
-
我尝试了下面的代码在移动和桌面上以不同的方式显示。但是两个句子同时显示。