一、问题形容:
文案文字超出包裹它的 div 边界,将 div 设置为 overflow-y:scroll, 并下拉到最底部:
点击切换周期,会申请相应周期这方面的数据;
发现文案地位和上一次保持一致:
二、剖析问题
当新周期抉择后,新旧虚构 dom 会进行比照,而后更新实在 dom。虚构 div 为父节点不变,新虚构文本节点会替换实在 dom 的文本节点。但 div 未产生扭转,所以滚动进度条仍停留在在上一次地位。
三、解决问题
给 div 减少一个自定义属性:
在申请完数据后减少:this.freshKey = new Date().getTime(),这样 div 的 class 属性新旧变得不一样,达到刷新 dom 的作用。