粘性div，一旦div到达页脚就会出现问题

粘性div是一种常见的前端开发技术，用于实现在网页滚动时，使特定的div元素保持在页面的固定位置，直到达到页脚位置。然而，当div到达页脚时，会出现一些问题。

问题1：覆盖内容 当粘性div到达页脚时，它可能会覆盖页面的其他内容，导致内容无法正常显示。这是因为粘性div的定位属性设置为固定（position: fixed），使其脱离了正常的文档流，因此无法自动调整位置。

解决方法：

• 可以通过设置合适的margin或padding来避免粘性div覆盖其他内容。
• 可以使用JavaScript监听滚动事件，当div到达页脚时，动态改变其定位属性，使其不再固定定位。

问题2：遮挡页脚 当粘性div到达页脚时，它可能会遮挡页脚的内容，导致页脚无法正常显示。这是因为粘性div的高度可能会超过页面的高度，导致遮挡。

解决方法：

• 可以通过设置合适的高度或最大高度来限制粘性div的高度，避免遮挡页脚。
• 可以使用JavaScript监听滚动事件，当div到达页脚时，动态改变其高度或最大高度，使其不再遮挡页脚。

总结： 粘性div是一种常见的前端开发技术，用于实现在网页滚动时，使特定的div元素保持在页面的固定位置。然而，当div到达页脚时，可能会出现覆盖内容和遮挡页脚的问题。为了解决这些问题，可以通过设置合适的margin、padding、高度或最大高度，以及使用JavaScript监听滚动事件来动态改变div的定位属性或高度。