首页 > 解决方案 > 需要关于背景效果的建议

问题描述

我正在制作浏览器游戏。

游戏画面

背景足够大,可以在用户滚动时巧妙地向下滚动。这是一个相当长的滚动,所以固定背景有点无聊,如果背景不固定,它很快就会变成空白,因为它不足以覆盖整个游戏内容。

我想在用户滚动的相反方向上进行背景滚动,但非常巧妙地获得了很好的效果

我上面解释的这种效果如何称呼?我知道 jquery 可能可以做到这一点,但我避免使用 jquery。我很擅长使用香草 javascript,我只需要一点帮助就可以从哪里开始。我是否应该将背景和游戏内容设为 2 个单独的 div,并且当用户滚动浏览游戏内容时,背景也会滚动一点?这可以只用 CSS 完成吗?

谢谢!

标签: javascriptcssecmascript-6

解决方案


尝试添加背景附件:固定;作为 CSS 属性或您的问题所理解的,您可能需要视差效果。按照链接https://materializecss.com/parallax-demo.html


推荐阅读