jquery - CSS背景滚动效果

标签 jquery html css

我在一个网站上工作,该网站的英雄/标题分为两部分,左边是信息网站,右边是图片。右侧(图像)应该有一个简单的视差效果,所以我给它 background-attachment: fixed;

现在,我应该在图形的底部到达下一部分时更改 background-attachment 属性,这样图片将从那时起与其余文本一起向上滚动.

这是一个 Fiddle,可能会让我的意图更加清晰。

https://jsfiddle.net/fg67ho2L/1/

有什么方法可以实现这一点,使右侧(图像)的行为符合预期?谢谢。

最佳答案

您需要做的是更改右侧的 height 属性,使其小于左侧(如果您想要实现的话)。

关于jquery - CSS背景滚动效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45457793/

相关文章:

javascript - Jquery switch 语句偶尔会起作用

jquery - 检索 jqGrid 排序数据

javascript - 通过 AJAX 和 jQuery 将变量 XML 作为属性的参数

javascript - 制作一个从屏幕右侧弹出的菜单

javascript - 使用 javascript 定期更新文本框

css - MVC 3、CSS、Razor 和 Visual Studio 2010

jquery - 如何使用 jQuery 添加(克隆)表单字段并增加 ID 和名称

php - 抓取网页内容

javascript - 如何使用 JavaScript 更改背景颜色?

css - 为桌面减少 “Eliminate render-blocking CSS in above-the-fold content"