我正在使用parallax.js，以便我的网页上的某些div具有固定背景并具有视差效果（对于那些不知道视差是什么的人：http://pixelcog.github.io/parallax.js/）。
我有一个div，它应该在具有视差背景的div上方改变高度。当我点击一个按钮时，内容被显示并且div的高度发生变化，但问题是视差背景上的内容溢出。 我想这是因为视差背景在创建页面时确定了固定位置，所以当页面改变时，位置已经被定义。
这是我的问题图片： https://imgur.com/a/zT1ft
在第一个屏幕中，我还没有点击按钮来显示内容。你可以看到＆＃34; SKILLS＆＃34;在视差背景上。 在第二个屏幕中，我点击了按钮，因此显示的内容会推送页面上的所有内容，而不是将白色背景包裹在＆＃34; FORMATION＆＃34;部分内容溢出在视差背景上。
当上面的内容扩展时，是否有人知道如何使视差背景改变位置？
答案 0 :(得分：0)
我找到了解决问题的方法： 当我点击按钮时，我使用回调函数重新计算视差背景的位置。
$("#detailsSchoolMD").slideToggle(function(){
$(window).trigger('resize.px.parallax');
});