为什么使用$(document).height()每次点击都会增加背景？

使用$(document).height()每次点击都会增加背景的原因是因为$(document).height()方法返回的是整个文档的高度，包括可见区域和滚动条不可见的部分。每次点击时，由于文档的高度没有发生变化，所以$(document).height()的返回值也不会改变。

然而，如果点击事件中存在改变文档高度的操作，比如添加新的内容或者改变元素的高度，那么$(document).height()的返回值就会发生变化。这样，每次点击时获取到的文档高度就会不同，导致背景增加的效果。

要解决这个问题，可以在点击事件中避免对文档高度进行改变的操作，或者使用其他方法来获取背景增加的效果，而不是依赖于$(document).height()方法。