无法显示元素

Question

我一年前购买了 wordpress 主题，当然我的支持结束了，所以现在我一个人在这，所以我希望有人能帮助我。

问题出现在此页面https://vivaldi-kafa.rs/pocetna-test/ 上，如果您坚持观看滑块，则页面末尾的博客元素将无法加载...如果您在页面加载后立即滚动，则博客元素会加载。

如果我们说这种情况是博客不加载的情况，这意味着在页面加载后您一直在观察滑块（10 秒），除非用户单击页面上的某个位置，否则博客元素将不会变得可见。我认为这是非常不专业的，而且我不擅长 javascript，所以我希望有人能提供帮助。

我尝试添加opacity: 1 !important and visible :true !important，但它不起作用...

也尝试过类似的方法，但该元素永远不会出现在视口中，甚至无法强制点击...

function isInViewport(el) {
    const rect = el.getBoundingClientRect();
    return (
        rect.top >= 0 &&
        rect.left >= 0 &&
        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
        rect.right <= (window.innerWidth || document.documentElement.clientWidth)

    );
}


const blog = document.querySelector('#blogrowpadding');

document.addEventListener('scroll', function () {
     if (isInViewport(blog)){
       document.getElementById('blogrowpadding').click();
     } else return;
}

甚至无法检查元素以查看不可见且不透明度为 0 的内容，我尝试使该部分中的所有 div 可见且不透明度为 0 但不工作......所以是的，当我使用检查时，元素出现真的很郁闷。

这不是一个常见的错误，将来可能对任何人都没有帮助，但修复它仍然意义重大。

Answer 1

尝试将显示更改为初始 !important