当给元素添加scrollTop设置偏移时候存在失效的问题

如果在元素上应用了 zoom 缩放属性,并且你希望使用 scrollTop 方法来滚动到指定位置,可能会导致 scrollTop 失效的问题。这是因为 zoom 属性会影响元素的尺寸和滚动行为。

要解决这个问题,你可以尝试以下方法之一:

  1. 使用 transform 缩放代替 zoom:将 zoom 缩放属性替换为 transform 缩放属性。这样做可以避免 scrollTop 失效的问题。例如,使用 transform: scale() 来替代 zoom: 1.2

  2. 使用 scrollTop 的替代方法:如果 scrollTop 在缩放后失效,你可以尝试使用 scrollIntoView() 方法来滚动元素。这个方法会将元素滚动到可见区域。例如,使用 element.scrollIntoView() 来滚动到指定元素。

请注意,以上方法适用于不同的情况和需求。你可以根据具体的情况选择最合适的方法。

注意scrollTop设置偏移不要用zoom缩放级别 否则设置会失效。

你可能感兴趣的:(html5)