Javascript 溢出-y滚动并显示jquery

我有一个带overflow-y:scroll的div；所有物我想在内部元素变得可见（滚动内容）时启动jquery函数

我试图使用jquery-appease（），但它不起作用，因为它使用窗口视口作为参考

$（文档）.ready（函数（$）{
$（“#警报”）。显示（函数（）{
警报（“正常”）；
});
});
#溢出{
宽度：100px；
高度：200px；
溢出y：滚动；
}
Lorem ipsum door sit amet，一位杰出的领导者。吕库斯岛吕库斯岛吕库斯岛吕库斯岛吕库斯岛吕库斯岛吕库斯岛吕库斯岛吕库斯岛吕库斯岛吕库斯岛吕库斯岛。无需比本杜姆直径。努克·佩伦茨克·厄洛斯·尼索。这是一种自由宣言，不必事先声明。莫比和努克坐在爱神的位子上
非狮子座的人。在pretium nunc vel sapien，et dapibus urna porta。顿涅克在里苏斯。Nam eu pharetra dui，eget Dignessim libero。这是我的朋友，我的朋友是奥奇。布朗迪特食品公司。普拉森特
红葡萄酒调味品。奥古斯·弗林吉亚·奥古斯·奥古斯·埃古斯塔·阿库·廷西登·奥古斯。莫里斯·瓦里乌斯·尼姆·尼姆·马萨·阿库姆桑·廷西德。在临时的权杖之旅中，劳里特·奥古斯·亚库利斯（laoreet augue iaculis）的权杖。贵宾吊牌
设施为neque，设备为malesuada mauris hendrerit eu。整数cursus tristique interdum。《权杖》中的莫里斯·坦普斯·森佩尔·莱克图斯。Vivamus nunc sem，Temporal id nunc quis，mattis hendrerit massa。你坐在那里，我坐在那里。温文尔雅
奥古斯特·希特·阿梅特·波苏尔·维韦拉。他们是智者，孕妇是精英。Nunc malesuada justo坐在amet hendrerit hendrerit。在猫科动物身上，非扫描电镜下的共焦。佩伦特式居住者morbi tristique Sentecus et netus et malesuada fames
ac turpis egestas。杜伊斯和维尼纳蒂斯·莫里斯。康多康格朗卡斯酒店。整粒分子在时间上的进化。艾蒂亚姆·库姆桑：一种大生命调味品。奎斯克·乌拉姆科珀·莫里斯·塞德·帕特·斯克利斯。普拉森特
她坐在一个孕妇床上。Nunc eget libero lacus。在hac habitasse Plateum，一句名言。小叶扁豆。猫咪的生命，佩伦特斯克伊普苏姆·奥纳雷等人，帕塞卢斯·阿利奎特·达皮布斯·猫，调味品sem sed，
圣维利特。莫比对莫里斯·维利特（mauris velit）不屑一顾，他是一位杰出的继承人。阿利夸姆·里索斯、尤伊斯莫德·利奥·弗尼图姆和塞德·内克·阿利夸姆、康瓦利斯·普鲁斯·埃吉特、尤里西斯·乌尔纳。
警报
我已经设置了一个JSFIDLE，它似乎可以满足您的需要

下面是使用jQuery的
.offset（）
和
.scroll（）
函数的javascript：

编辑：
我刚意识到你可能只想在div第一次出现的时候发射这个

再次编辑：
我在
.scroll（）
之外添加了if语句，以解决div已经可见时注释中的问题

更新js:

$(document).ready(function(){

var event_fired = false;
if( $("#alert").offset().top <= ( $(this).offset().top + $(this).height() ) 
    && !event_fired ){
    alert('Ok!');
    event_fired = true;
}

$(".overflow").scroll(function(){
    if( $("#alert").offset().top <= ( $(this).offset().top + $(this).height() ) 
        && !event_fired ){
        alert('Ok!');
        event_fired = true;
    }
    else if ( $("#alert").offset().top > ( $(this).offset().top + $(this).height() ){
        event_fired = false;
    }
});

});

$（文档）.ready（函数（）{
var event_fired=错误；
if（$（“#alert”）.offset（）.top请提供一些编码尝试，谢谢，代码和JSFIDLE链接添加：）嗨，一个问题；一个问题，但是如果div已经在没有滚动的情况下可见，我该怎么办？谢谢：）我已经在scroll函数外添加了if语句，因此它现在将检查div在页面加载和滚动时是否可见。太好了！最新版本（请耐心等待）。如果第一项可见，第二项尚未显示，则第一项正确显示，第二项与第一项一起显示（所以它在滚动之前就可以看到）谢谢！考虑一下你的代码是怎么做的，以便获得一个好的答案！！
$("#mydiv").append("My data")
// di chuyen den hoi thoi moi nhat (cuoi trang)
var newmsg_top = parseInt($('#mydiv')[0].scrollHeight );
$('#mydiv').scrollTop(newmsg_top);