滚动时无法缩放<div>中的内容

时间:2019-08-26 08:02:27

标签: zoom smooth-scrolling inertial-navigation

尝试将代码复制为HTML并在iPad Safari上打开:

  1. 如果我在右侧的400x1000图像上滚动,而在惯性仍在继续的同时松开手指,则可以立即进行捏缩放(2指缩放)
  2. 如果滚动<div>内的300x1000,则在惯性仍在继续时无法缩放。我可以先捏缩放然后滚动,或者等到惯性滚动效果完成后再捏缩放。

当内部div仍“滚动”时,我应该怎么做才能缩小缩放?

<!DOCTYPE html>
<html>
  <head>
  <style>
  div { background-image: linear-gradient(#0cc, #00c); opacity: 0.8; }
  </style>
  </head>
  <body style="">
    <div style="height: 150vh">
      <img src="https://placehold.it/400x1000/" style="float: right;"/>
      <div style="width: 50vw; height: 50vh; overflow: scroll;">
        <div style="height: 150vh;"><img src="https://placehold.it/300x1000/"/></div>
      </div>
    </div>
  </body>
</html>

0 个答案:

没有答案