iphone中 设置overflow: scroll元素 滚动条回到顶部失败

时间:2024-04-01 13:05:05

iphone中 设置overflow: scroll元素 滚动条回到顶部失败

如图,外层div设置overflow: scroll。当在图1并且滚动条不在顶部触发某事件时,内部灰色div在不同情况高度改变,可能会超出外层div会出现滚动条,也可能不超出外层div。可以通过    document.getElementById("外层divID").scrollTop = 0  使滚动条返回到外层div顶部。

但如果内部div高度如图2为超出外层div时 通过 document.getElementById("外层divID").scrollTop = 0  使滚动条返回到外层div顶部。在iphone上会无效,可以通过设置内层div最小高度为外层div的101%来解决,如不想改变内层div可在内层div外套一层div高度设为101%。