我试图通过滚动来制作车库门效果。 (我使用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。我知道,这有点令人困惑,但如果你能看到你会理解的网站。
提前致谢