Javascript 如何在CSS粘性页脚栏浮动时隐藏某些对象

我有一个适度透明的粘性页脚，这是我从CSS引导中获得的，我想知道如何在各种CSS选择器中使特定属性的值在透明粘性页脚浮动时使其不透明度=0或类似（即，使其隐藏）

有没有一种经过试验的方法来解决这个问题。。。？也许是javascript方法。。。？我可能在想我们可以选择sticky bar类：

.sticky-bar {}

然后实现它可以在结束时隐藏的类，假设是“某物”，如：

我只是不确定这些变量，或者这些变量是否存在

如果有人能给我指出正确的方向，或者给我一个10人的起点，我将不胜感激

.border{
边框：1px实心#000000；
高度：3000px；
}
.粘条{
背景：#000000；
底部：0；
颜色：#D3；
字体大小：300；
左：0；
保证金：0；
不透明度：0.9；
填充：0em；
位置：固定；
宽度：100%；
z指数：99999；
}
.内粘条{
保证金：0自动；
文本对齐：居中；
宽度：100%；
背景色：#D3；
填充：3倍；
字体系列：“Roboto”，无衬线；
字体大小：11px；
颜色：#000000；
}
.粘条内部p{
保证金：0自动；
填充：3倍；
文本对齐：居中；
宽度：100%；
字体大小：11px；
}
#页脚列表{
左侧填充：0；
}
#页脚列表李{
显示：内联；
列表样式类型：无；
}

©；2015年astrobox.io项目

您可以尝试在粘滞条下添加不透明层。这样，深度介于两者之间的对象将是透明的，而深度在两者之间的对象将是不可见的。请注意，元素必须是

position:relative

才能位于不透明布局上

检查此代码段：

.border{
边框：1px实心#000000；
高度：3000px；
}
img{
位置：相对位置；
z指数：150；
}
.粘性背景{
z指数：100；
高度：99px；
填充：0；
位置：固定；
底部：0；
左：0；
宽度：100%；
背景色：白色；
}
.粘条{
z指数：200；
底部：0；
颜色：#D3；
字体大小：300；
左：0；
保证金：0；
填充：0；
不透明度：1.0；
位置：固定；
宽度：100%；
}
.内粘条{
不透明度：0.9；
保证金：0自动；
文本对齐：居中；
宽度：100%；
背景色：#D3；
填充：3倍；
字体系列：“Roboto”，无衬线；
字体大小：11px；
颜色：#000000；
}
.粘条内部p{
保证金：0自动；
填充：3倍；
文本对齐：居中；
宽度：100%；
字体大小：11px；
}
#页脚列表{
左侧填充：0；
}
#页脚列表李{
显示：内联；
列表样式类型：无；
}

©；2015年astrobox.io项目

您能否发布一个您使用的粘性页脚示例，可能是JSFIDLE；粘性页脚实际上不允许元素通过它？我不确定你想要什么，你只是想让页脚位于其他标记之上吗？如果是这样的话，你只需要设置z-index。@PierreArlaud根据css，不透明度设置为0.9，这很好，因为图像下面会淡出，但我在某些div上有一些水平线，这些看起来一点也不好。我在想，当粘滞条浮动时，我是否可以选择隐藏特定的div…看看我添加的边框divot，看看我的意思。@nenapp看看：jsfiddle.net/michealjroberts/89papu02@MichaelRoberts我看不到你的小提琴有任何水平线或类似的问题。你能添加一些这样我们就能看到实际问题了吗？

.sticky-bar: over {
  hide: .class_1, .class_2;
}