Javascript 如何使用overflow:true滚动到div中的文本并可能高亮显示?

Javascript 如何使用overflow:true滚动到div中的文本并可能高亮显示?,javascript,jquery,css,html,textarea,Javascript,Jquery,Css,Html,Textarea,我有一个包含一些文本内容的div,我想滚动并可能在Javascript中突出显示它 我找到了一个描述如何滚动整个页面的链接,但它在仅使用div时似乎不起作用 更新 我只尝试了两种方法。只有未注释的一个可以工作,但实际上滚动不够。在IE中渲染时,滚动条隐藏文本 <script language="javascript" type="text/javascript"> function LoadIt() { $("#myHeaders")

我有一个包含一些文本内容的div,我想滚动并可能在Javascript中突出显示它

我找到了一个描述如何滚动整个页面的链接,但它在仅使用div时似乎不起作用

更新

我只尝试了两种方法。只有未注释的一个可以工作,但实际上滚动不够。在IE中渲染时,滚动条隐藏文本

    <script language="javascript" type="text/javascript">
        function LoadIt() {
             $("#myHeaders").scrollTop($("*:contains('pphosted'):last").offset().top);
           // $(window).scrollTop($("#myHeaders:contains('pphosted'):last").offset().top)
        }

    </script>
    <div onclick="javascript:LoadIt()">BUTTON</div>
    <div  id="myHeaders" style="width: 222px; height: 222px; overflow: scroll;">
        Microsoft Mail Internet Headers Version 2.0 Received: from E3X03.aaaa.com 
        ([10.130.15.115]) by EN35.aaaa.com with Microsoft SMTPSVC(6.0.3790.4675); Mon, 
        23 Aug 2010 18:05:20 -0400 Received: from aafff.aaaa.com ([10.111.226.11]) 
        by bbbb.aaaa.com with Microsoft SMTPSVC(6.0.3790.4675); Mon, 23 Aug 2010 
        18:05:20 -0400 Received: from mx0a-aaaaaa.pphosted.com (67.111.111.119) by 
        aaa.aaaa.com (10.130.226.11) with Microsoft SMTP Server id 8.1.436.0; 
        Mon, 23 Aug 2010 18:04:17 -0400 Received: from pps.filterd (aaa
        [127.0.0.1]) by aa.pphosted.com (8.14.3/8.14.3) with SMTP id 
        o7NM4keg010486 for
 <d@d.com>; Mon, 23 Aug 2010 18:05:19 -0400 Received: from 
        smtp113-mob.biz.mail.ne1.yahoo.com (smtp113-mob.biz.mail.ne1.yahoo.com 
        [2223]) by aaa.pphosted.com with ESMTP id qv07b08pj-1 for
 <d@dd.com>; Mon, 23 Aug 2010 18:05:19 -0400 Received: (qmail 15920 invoked 
        from network); 23 Aug 2010 22:05:17 -0000 DomainKey-Signature: a=rsa-sha1; 
       </div>
    </div>

函数LoadIt(){
$(“#myHeaders”).scrollTop($(“*:contains('pphosted'):last”).offset().top);
//$(窗口).scrollTop($(“#myHeaders:contains('pphosted'):last”).offset().top)
}
按钮
已收到Microsoft Mail Internet邮件头版本2.0:来自E3X03.aaaa.com
([10.130.15.115]),由EN35.aaaa.com与Microsoft SMTPSVC(6.0.3790.4675)共同发布;周一,
2010年8月23日18:05:20-0400收到:来自aafff.aaaa.com([10.111.226.11])
由bbbb.aaaa.com与微软SMTPSVC(6.0.3790.4675)联合发布;2010年8月23日,星期一
18:05:20-0400收到:从mx0a-aaaaaa.pphosted.com(67.111.111.119)通过
aaa.aaaa.com(10.130.226.11),Microsoft SMTP服务器id为8.1.436.0;
2010年8月23日星期一18:04:17-0400收到:来自pps.filterd(aaa
[127.0.0.1]),由aa.pphosted.com(8.14.3/8.14.3)使用SMTP id
o7NM4keg010486用于
; 2010年8月23日星期一18:05:19-0400收到:发件人
smtp113-mob.biz.mail.ne1.yahoo.com(smtp113-mob.biz.mail.ne1.yahoo.com
[2223])由aaa.pphosted.com提供,ESMTP id为qv07b08pj-1,用于
; 2010年8月23日星期一18:05:19-0400收到:(qmail 15920)
来自网络);2010年8月23日22:05:17-0000域密钥签名:a=rsa-sha1;

在那篇文章中,您可以用div选择器替换选择器“*”。假设div有一个id=“search\u div”,那么下面的代码应该可以使用

$(window).scrollTop($("#search_div:contains('Are you a Lib Dem or Tory'):last").offset().top);

文本内容是否以某种方式由HTML元素表示,例如a
span
?如果是的话会容易得多。@Pekka它是文本,但我可以把整个段落用一个跨度来包装…这一段很有效。。。但是IE的滚动条隐藏了它的结果。。。我以前没有实现过这种类型的功能,但一般来说,如果IE拒绝对您尝试的任何东西进行友好处理,有时最好是尽可能优雅地对IE进行降级。这里不是说它合适,而是要记住一些东西。