css - 使用视差时更改背景位置

Question

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

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

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

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

有谁知道如何让视差背景随着上面内容的展开而改变位置？

Answer 1

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

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