记一个ios滚动穿透问题

直接上代码

<body style="overflow: hidden;-webkit-overflow-scrolling: touch;">

    <div >
        <div >
            <div style="background-color: red; 50px;height: 300px;">1</div>
            <div style="background-color: gray; 50px;height: 300px;">2</div>
            <div style="background-color: green; 50px;height: 300px;">3</div>
        </div>
    </div>

    <div >
        <div style="background-color: skyblue; 100px;height: 300px;">1</div>
        <div style="background-color: gray; 100px;height: 300px;">2</div>
        <div style="background-color: green; 100px;height: 300px;">3</div>
    </div>

</body>
<script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script>
    $('#view').height($(window).height());
</script>

复现2个条件
1、body或者view的-webkit-overflow-scrolling为touch
2、model的-webkit-overflow-scrolling为auto
当滚动model块到底时接着滑动会出现scrollview跟随滚动（不涉及click问题），
android上未出现这个问题

相关推荐