Skip to main content
3 de 3
título editado

Problema ao capturar evento scroll em iFrame no navegador Safari do iOS

Estou com problema ao tratar o evento scroll de um iFrame usando JavaScript/jQuery no navegador Safari do iOS.

Estava inicialmente tentando pegar o evento scroll, mas não funciona. Pesquisando, vi que existe o evento touchend, como está implementado no código abaixo, mas também não está funcionando.

    <iframe src="doc.html" id="f" style="width: 100%; height: 600px; border: 0;"></iframe>

    <div id="s"></div>

    <script>
        function scroll_handler() {
            if ($(this).scrollTop() >= ($(this).height() - f.height())) {
                $('#s').text('OK');
            }
        }

        var f = $('#f');
        f.ready(function () {
            if ('ontouchstart' in window) {
                $(f.contents()).on('touchend', scroll_handler);
            } else {
                $(f.contents()).scroll(scroll_handler);
            }
        });
    </script>

Alguém tem alguma ideia de como consigo pegar o evento scroll de um iFrame?

Valeu!