[Tencent/weui]iphone plus 手机上视窗定宽Dialog按钮触发区域上移

<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=375,user-scalable=0,viewport-fit=cover">
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="expires" content="0">
  <title>模板</title>
  <link href="https://weui.io/weui.css" rel="stylesheet">
  <style>
    .container {
      height: 724px;
    }
  </style>
</head>

<body ontouchstart>
<div class="container"></div>
<div class="js_dialog" id="iosDialog1" style="opacity: 1;">
  <div class="weui-mask"></div>
  <div class="weui-dialog">
    <div class="weui-dialog__hd"><strong class="weui-dialog__title">弹窗标题</strong></div>
    <div class="weui-dialog__bd">弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内</div>
    <div class="weui-dialog__ft">
      <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default">辅助操作</a>
      <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary">主操作</a>
    </div>
  </div>
</div>
</body>
</html>

viewport为定宽时，页面有滚动条的时候，并且把滚动条滚到最下面，这个时候 dialog按钮的触发区域会上移，目前在plus手机上发现有这个问题

agileago

最新的 ios 11.2.2系统

agileago

您好，有没有解决？我也遇到这个问题了

ustbyjy

您好，这个bug是webview的bug，weui解决不了，建议你可以在出现弹窗的时候，阻止掉弹窗外的区域的touchmove事件。

BearJ

[Tencent/weui]iphone plus 手机上视窗定宽Dialog按钮触发区域上移

回答

相关问题