具有固定和重叠背景的滚动窗口

时间:2015-02-20 08:43:15

标签: javascript html css

我正在尝试通过此网站https://ringly.com/重现通过窗口滚动修复的背景图像。

有人可以建议/指导我如何做到这一点......

谢谢..

2 个答案:

答案 0 :(得分:0)

他们正在做的是在手机部分有一个额外的CSS类'滚动',一旦你向下滚动足够远,他们就会删除它。因此,以下CSS属性不再处于活动状态,应用程序屏幕保持固定状态:

.phone-section.scroll .app-screen {
    background-attachment: scroll;
}

如果你想知道他们如何取消设置并设置这个'滚动'CSS类,你需要深入研究他们的神奇剧本:https://ringly.com/static/_/js/5612a44f24d4.js 并搜索“app-screen”一词。 提示:使用一些unminify tool使其可读。

答案 1 :(得分:0)

只是将background-attachment:fixedposition:absolute;的背景图片和position:relative的父div一起使用..需要时间,但想一想它是如何实际完成的并让它正常工作.. 。:)