Javascript 如何使用overflow:true滚动到div中的文本并可能高亮显示?
我有一个包含一些文本内容的div,我想滚动并可能在Javascript中突出显示它 我找到了一个描述如何滚动整个页面的链接,但它在仅使用div时似乎不起作用 更新 我只尝试了两种方法。只有未注释的一个可以工作,但实际上滚动不够。在IE中渲染时,滚动条隐藏文本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")
<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进行降级。这里不是说它合适,而是要记住一些东西。