响应式网站调整大小时会出现空白区域

时间:2016-09-03 03:29:12

标签: html css twitter-bootstrap viewport wow.js

我有一个使用bootstrap的响应式网站,其中几乎每个元素都使用WOWjs进行动画制作(当你滚动它时动画。)当我调整文档大小以测试其响应性时,然后向下滚动,然后打开它全屏,我在页脚下方。我检查了元素,并且白色空间不是任何东西的一部分。甚至不是身体。事实上,我无法突出显示它,它出现在body元素下面。我很困惑。它可能是WOWjs,因为我在其他项目中使用WOWjs时遇到过类似的事情。删除WOWjs不是一个选项,因为这是一个客户端,他想要它。我尝试添加height: 100%,这会导致WOWjs元素无法淡入。我也尝试了margin: 0; padding: 0;但它仍然无法正常工作。我无法附加代码,因为它需要太多的资产和超过300个代码,我不知道问题出在哪里。我可以给你一些可能或至少我认为可能相关的代码。

body {
padding:0;
margin:0;
overflow-x: hidden;
}

*{
 margin:0;
 padding:0;
}

也许某人有WOWjs和animatecss和viewport的背景来解决问题。

PS ..该网站是一个php文档,因为它有联系表格。

1 个答案:

答案 0 :(得分:2)

我认为你应该在

中写下你的代码
$(window).load(function(){
// your wow js code //call here your code
});

希望你能得到你的解决方案