在打开元素或编辑窗口时，如何隐藏此自定义滑块？

Question

在使用2117和Elementor的WordPress站点“整体健康护理”中，使用智能slider 3构建的首页上有一个滑块，它将在滚动页上使用一些javascript消失，而且效果很好。

我用这种方式在一个没有自己构建的站点上构建滑块，因为客户端使用的是二十七个，而这个特定主题的顶部元素并不适合使用页面生成器轻松地添加其他元素。我在header.php中重复了Slider 3中的短代码，一切看起来都很好。

问题是，在用Elementor编辑页面时，隐藏滚动滑块的JS不能工作，而且它阻止您激活编辑器中的任何元素。这是一件非常简单的事情，我可以在编辑的时候用CSS来隐藏它，但这不是一个真正的解决方案，更重要的是，拥有这个网站的人不会知道如何去做。

我需要这个滑块完全离开当元素是积极的，但我不知道如何使它发生。

div类是.n2-ss-slider。

到目前为止，我已经尝试了以下JS (在header.php中)：

if (window.location.href.indexOf("&action=elementor") != -1) {$(".n2-ss-slider").hide();

也是

if (/&action=elementor/.test(window.location.href)){document.getElementByClassName('n2-ss-slider').display = 'none';

我的剧目快结束了。有人能提供另一个建议，使用CSS或JS甚至PHP吗？

Answer 1

在智能滑翔机的支持下，我能够解决这个问题。他们指出，不会消失的div使用绝对定位，并建议我在其中添加一个id，这样我就可以使用CSS隐藏它。我这样做的方法是在header.php中回显一个id名，并在其中回显短代码：

然后我有了一个新的“头版滑块”的标识。然后，我可以在用于隐藏元素的JS中调用该id：

        $(window).scroll(function() {
            var y = $(this).scrollTop();
            if(y > 250) {
                // $('.n2-ss-slider').slideUp();
                $('#front-page-slider').slideUp();
            }
            if (y < 250) {
                // $('.n2-ss-slider').slideDown();
                $('#front-page-slider').slideDown();
            } 
            if(y+ $(this).height() == $(document).height()) {
                $('#front-page-slider').fadeOut();
            }
        });

我的问题解决了。