0

スクロール可能なコンテンツを含む div コンテナーがあります。そして、ユーザーの明るさ設定を行う必要があります。例えば：

<div>
    <div style="overflow-y: auto">
        <div>some long content</div>
    </div>
    <svg:svg style="position: absolute; left:0; top:0; width:100%; height:100%;
                    opacity: 0.5" pointer-events="none">
        <svg:rect x="0" y="0" width="100%" height="100%" fill="black"></svg:rect>
    </svg:svg>
</div>

結果は許容範囲です。しかし...マウスホイールまたはキーボードでコンテンツをスクロールすると、すべて期待どおりに機能します。しかし、タッチ デバイスでコンテンツをスクロールしようとしても、何も起こりません。スクロール可能なコンテナーでポインター イベントをリッスンしようとすると、すべて問題ないことがわかります。イベントが発生します。コンテンツのスクロールを妨げるものは何ですか?

4

1 に答える 1

0

私はあなたのhtmlを少し作り直しました。これで問題が解決するでしょうか？http://jsfiddle.net/krul/VZtaD/1/

    <svg style="position: absolute; left:0; top:0; width:100%; height:100%;
                opacity: 0.5" pointer-events="none">
    <rect x="0" y="0" width="100%" height="100%" fill="black"></rect>
</svg>
于 2013-11-02T19:36:27.300 に答える