调整响应式网站大小时出现白色 space
White space appears when responsive website is resized
我有一个使用 bootstrap 的响应式网站,其中几乎每个元素都使用 WOWjs 进行动画处理(滚动时进行动画处理。)当我调整文档大小时测试其响应能力时,然后一直向下滚动, 然后全屏打开它,我在页脚下面。我检查了该元素,发现白色 space 不属于任何元素。甚至 body。事实上,我无法突出显示它,它出现在 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 和视口的背景来解决这个问题。
PS.. 该网站是一个 php 文档,因为它有联系表格。
我认为你应该在
中编写你的 wow js 代码
$(window).load(function(){
// your wow js code //call here your code
});
希望你能得到你的解决方案
我有一个使用 bootstrap 的响应式网站,其中几乎每个元素都使用 WOWjs 进行动画处理(滚动时进行动画处理。)当我调整文档大小时测试其响应能力时,然后一直向下滚动, 然后全屏打开它,我在页脚下面。我检查了该元素,发现白色 space 不属于任何元素。甚至 body。事实上,我无法突出显示它,它出现在 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 和视口的背景来解决这个问题。
PS.. 该网站是一个 php 文档,因为它有联系表格。
我认为你应该在
中编写你的 wow js 代码$(window).load(function(){
// your wow js code //call here your code
});
希望你能得到你的解决方案