Jquery 白层干扰

Jquery 白层干扰,jquery,html,css,Jquery,Html,Css,我有一个带有幻灯片和社交分享图标的网站。当您滚动到页面底部并单击“社交共享”按钮上方的“幻灯片覆盖”框(这两个按钮紧随其后时发生)时,幻灯片覆盖面板上首先出现一个白色层,滚动后该层消失。这只发生在chrome和opera上。和。下面是执行此操作的特定代码 .socialPlugin .socials .fa { height: 2.5em; font-size: 2em; overflow: hidden; position: relative; text

我有一个带有幻灯片和社交分享图标的网站。当您滚动到页面底部并单击“社交共享”按钮上方的“幻灯片覆盖”框(这两个按钮紧随其后时发生)时,幻灯片覆盖面板上首先出现一个白色层,滚动后该层消失。这只发生在chrome和opera上。和。下面是执行此操作的特定代码

.socialPlugin .socials .fa {
    height: 2.5em;
    font-size: 2em;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 2.5em;
    -webkit-backface-visibility: hidden;
}

.socialPlugin .socials .fa:before, .socialPlugin .socials .fa:after {
    left: 0;
    position: absolute;
    text-align: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    top: 50%;
    width: 100%;
}
似乎要替换

.cd-fixed-bg.cd-bg-1{   
    background-image: url("../img/slideover/cd-background-2.jpg");
}
为了

解决了问题。

尝试处理“slideover1”,方法与处理“SlideOver”的方法相同,即在已存在的位置执行“slide over”,并将其从隐藏状态更改为可见状态

我相信您的问题可能是因为“slideover1”的创建只在您第一次按下按钮后发生,不允许加载时进行渲染

这是我的隐秘怀疑,仍然在混乱的代码中看到任何其他潜在的问题


星期一放松一下
你真的不必知道如何跳舞,只要站在那里就行了。随着节奏移动你的头。不错,好的,现在用你的脚走1,2步。哇!谈论一个自然的话题。林加拉,让你的身体说话的完美方式。每周一。好音乐,美丽的人

星期一快乐时光 我打赌你今天醒来就像,该死的,又是一个星期一。别担心,今天的工作怎么样?不想谈论它吗?好啊那你今晚有什么计划?是的,猜对了,胡纳阴谋。再次不用担心,你需要休息,不要发冷。在Latitude休息,享受轻松的星期一

星期一 当我们结束这一天时,你突然想,今天不是很普通就是很有压力。我不知道你是怎么想的,但我喜欢持续的快乐氛围来消除我一天中的所有压力。两位亲密的朋友喝了几杯饮料,欢迎来到一个寒冷的星期一

伦巴;林加拉
刚刚测试了这个,这是您的解决方案

.slide-over.open .cd-fixed-bg{
    opacity:0;
}

.slide-over.open[style="right: 0px;"] .cd-fixed-bg{
    opacity:1;
}

当面板点击0px时,特别定位。

链接页面上没有社交共享按钮,也不清楚您所指的“滑动框”或“滑动面板”。请编辑您的问题,以包括一个。更正…内容在一天过去时会更改它必须在晚上脱机,因为我得到了一个404。它是联机的,天的更改是全部。是吗?因为它真的不应该。你能解释一下为什么使用速记会改变这里的一切吗?看起来它与
背景附件有关:固定。禁用此属性会在触发“滑动面板”时使背景按预期显示。但是,当用户向下滚动时,这会失去背景图像保持在位的效果。理想的解决方案可能包括设置
背景附件:固定仅在幻灯片完成转换后进行。这确实解决了问题,但是我希望图像保持固定,因为它会产生以下效果:)@MaxNjoroge如果您想修复它,只需使用
background:url(../img/slideover/cd-background-2.jpg)修复
这主意不错,但是更改代码会有点太多,效果会有点改变。将
.open
类添加到
$('body')。append(“+”+”+“+”+”)谢谢!但歌剧中仍有一些小问题
.slide-over.open .cd-fixed-bg{
    opacity:0;
}

.slide-over.open[style="right: 0px;"] .cd-fixed-bg{
    opacity:1;
}