时间戳

首页 > 解决方案 > 无法显示元素

javascript - 无法显示元素

问题描述

我一年前购买了 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 但不工作......所以是的，当我使用检查时，元素出现，这真的很令人沮丧.

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

标签： javascriptcsswordpress

解决方案

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

推荐阅读