当滚动到底部时，模式底部的填充会打乱固定的标题

。这是因为在滚动到底部时，页面内容会动态加载，导致页面高度增加，从而改变了底部填充的位置。如果底部填充是通过固定的方式实现的，例如使用CSS的position: fixed属性，那么它的位置不会随页面内容的增加而改变，因此会出现填充打乱固定标题的情况。

为了解决这个问题，可以采用以下方法之一：

1. 使用JavaScript监听滚动事件：通过监听滚动事件，当滚动到底部时，动态调整底部填充的位置，使其保持在固定标题的下方。可以通过计算页面高度和滚动位置来判断是否滚动到底部。
2. 使用CSS的sticky属性：CSS的sticky属性可以实现类似position: fixed的效果，但是会在滚动到指定位置时变为position: relative，从而保持在固定标题的下方。可以将底部填充元素设置为sticky，并指定相应的top值，使其保持在固定标题的下方。
3. 调整页面布局：如果底部填充的位置与固定标题有冲突，可以考虑调整页面布局，使它们不会发生重叠。可以通过调整元素的位置、大小或使用CSS的flex布局等方式来实现。

总结起来，当滚动到底部时，模式底部的填充会打乱固定的标题，可以通过监听滚动事件、使用CSS的sticky属性或调整页面布局来解决这个问题。具体的实现方式可以根据具体情况选择合适的方法。