使用视差时更改背景位置答案

【问题标题】：Change background-position when using parallax使用视差时更改背景位置
【发布时间】：2017-10-03 15:23:18
【问题描述】：

我正在使用 parallax.js，以便我网页上的一些 div 具有具有视差效果的固定背景（对于那些不知道什么是视差的人：http://pixelcog.github.io/parallax.js/）。

我有一个 div，它应该在具有视差背景的 div 上方更改高度。当我单击一个按钮时，会显示内容并且 div 的高度会发生变化，但问题是视差背景上的内容溢出。我猜是因为视差背景在页面创建的时候已经确定了一个固定的位置，所以页面改变的时候位置已经确定了。

这是我的问题的图片： https://imgur.com/a/zT1ft

在第一个屏幕中，我还没有点击按钮来显示内容。您可以在视差背景上看到“技能”。在第二个屏幕中，我单击了按钮，因此显示的内容会向下推页面上的所有内容，而不是让白色背景包裹“FORMATION”部分中的所有内容，而是在视差背景上溢出内容。

有谁知道如何使视差背景随着上述内容的扩展而改变位置？

【问题讨论】：

我们可以看看你的代码吗？
寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：如何创建minimal reproducible example
对不起，我以为我说得够清楚了。我编辑了我的帖子，但我无法真正向您展示我的代码，因为它太长了。

标签： css

【解决方案1】：

我找到了解决问题的方法：当我点击按钮时，我使用回调函数重新计算视差背景在哪里。

$("#detailsSchoolMD").slideToggle(function(){
$(window).trigger('resize.px.parallax');
});

【讨论】：