Событие прокрутки iframe/frame jquery

Delayer

Delayer

Создатель
Регистрация
4 Июл 2009
Сообщения
39
Реакции
4
Здравствуйте, подскажите пожалуйста как отловить прокрутку iframe/frame из jquery. Чтото пол инет облазил ничего найти не могу.

Пробовал повесить на фрейм событие, ничего не получилось, видать нет такого

PHP: 
$('#myframe').scroll(function() {
alert('111');

})
 
Delayer написал(а):
Здравствуйте, подскажите пожалуйста как отловить прокрутку iframe/frame из jquery. Чтото пол инет облазил ничего найти не могу.
Пробовал повесить на фрейм событие, ничего не получилось, видать нет такого
PHP: 
$('#myframe').scroll(function() {
alert('111');
})
Нажмите для раскрытия...
Фреймы у jquery по другому подключаются.
<iframe id = "a" src="a.html"></iframe>
$("#b").contents()....;
 
все равно не работает, сделал так:
PHP: 
    $(document).ready(function(){
        $('#mainframe').contents().scroll(function(){
            alert('111');
        });
    })
 
работает через document.getElementById("iframe2").contentWindow но ифреим должен быть с того же домена что и страница в которой ифрейм, иначе доступ будет неразрешён. Или универсально обернуть ифреим и уже отслеживать прокрутку обёртки, одна проблема высота ифреима, но можно подогнать чтоб полосок прокрутки не было и тогда поставить нужный размер обёртки.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">

//обёртка ифрейма
$(document).ready(function(){
    $("#div_iframe").scroll(function(){ 
        $("#alert").css("display", "inline").fadeOut("slow");
    });
    
});


//iframe на том же домене
window.onload = function() {
    var frm = document.getElementById("iframe2").contentWindow;
    frm.onscroll = function(){
        $("#alert2").css("display", "inline").fadeOut("slow");
    }
}

</script>

</head>
<body>

<div id="div_iframe" style="width:1100px; height:500px; overflow:auto;">
    <iframe src="http://nulled.cc" width="1080" height="7000" id="iframe" style="margin:0;padding:0;" frameborder="0"></iframe>
</div>
<div id="alert" style="color:red;display:none;">обёртка ифрейма - прокрутка есть!</div>
<br />

<iframe src="test.html" width="100" height="100" id="iframe2" style="margin:0;padding:0;border:none;"></iframe>
<br />
<div id="alert2" style="color:red;display:none;">iframe на том же домене - прокрутка есть!</div>
<br />

</body>
</html>
 
Работает, спасибо большое!

И еще вопрос в догонку по этой же теме, как определить что страница прокручена вверх полностью? ну вот этот див т.е. У меня задача в общем в том, что когда страница грузится, появляются 2 блока рекламы, когда юзер прокручивает вниз они исчезают, а когда прокручивает снова вверх должны появится.
 
scrollTop() возвращает значение сколько прокручено в пикселях с верха, если 0 значит прокручена вверх полностью.

HTML: 
    $("#div_iframe").scroll(function(){ 
        alert($(this).scrollTop());
    });
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху