固定div然后相对但当前的顶部位置

时间:2015-03-10 14:11:23

标签: css css3 skrollr

我试图通过滚动来制作车库门效果。 (我使用skrollr作为滚动位置)滚动滑动车库门时会垂直翻译负值。车库门下是固定元件。当门到达translateY(-100%)时,我希望固定元素是相对的。我用skrollr实现了它,但这是问题所在。当我把它变成相对时,它会突然出现在页面顶部。我希望它保持在它的位置并正常滚动。这是因为滚动条位置。这是关键帧的第一次尝试

data-0="position:fixed; top:0px;" data-200="position:relative;"

但是这会基于滚动条进入页面顶部。我试图调整最高值

data-0="position:fixed; top:0px;" data-199="position:fixed; top:0px;" data-200="position:relative; top:200px;"

但它在199-200的位置上却令人讨厌。

我想在身体上添加一个overflow-y:hidden但是门不会滑动(duh:p)。

Here is the link。我知道,这有点令人困惑,但如果你能看到你会理解的网站。

提前致谢

0 个答案:

没有答案