Project

General

Profile

2012年10月分享(卫宁)

技术文档
11/05/2012

一、用js获取滚动条的高度
问题: document.documentElement.scrollTop在火狐跟IE下显示正常,但是在谷歌下却不能正常使用
document.body.scrollTop反之
原因:因为document.documentElement.scrollTop和document.body.scrollTop在标准模式或

者是新鲜模式下都只有一个会返回有效的值,所以都加上也不会有题目(看来上方的问
题是Chrome可能把文档算作非标准文档来解析了)。
解决:document.documentElement.scrollTop+document.body.scrollTop,经测试,代码在
IE、Firefox、Chrome下都能显示正常了。
参考:http://hi.baidu.com/vps598/item/a0543d0b8922b020f3eafc8f
二、
例如有这样一种标签结构:
<ul >
<li><a>asdasdasd</a></li>
<li><a></a></li>
</ul>
原先的预期是鼠标移到ul上时li里的子菜单内容出现
虽然使用了以上方法,但当鼠标移到第二个li时,菜单又消失了。
最后才发现了css设置的问题,需要将a的width设置到100%,让它充满整个li才不会突然跳出。
三、jquery模拟点击
$("#b").click(function(){$("#a").trigger("click")})
$("#a").trigger("click")就是执行#a的click事件

Files