实现google reader中的post自动聚焦(auto foucs), 当你浏览文章时。

阅读更多

在这篇文章中 http://www.iteye.com/topic/83932, 我想讨论下google reader的这个功能是怎样实现的。

经过这几天的摸索，和同事的帮助。公司的rss reader已经基本实现了google reader的这种items的模式。

实现了点击某个item时会把这个item移到最顶端。


基本的思想还是通过子div的offsetTop 和 父div的scrollTop 计算出最近的一个div。

以下和附件都是源码。

	
1
1
1
1
1
1
	
2
1
1
1
1
1
1
1
1
1
1
	
3
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
	
4
1
1
1v
	
5
1
1
1
1
1
1
1
1
1
1
1
	
6
1
1
1
1
	
7
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
	
8
1
1
1
1
1
1
1
1
1
	
9
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
	
10
1
1
1
1
	
11
1
1
1
1
1
1
1
1
1
1
1
1
1
1
	
12
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
	
13
1
1
1
1
1
1
1
1
1
1
	
14
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
	
15
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
	
16
1
1
1
1
1
1
1
1
1
1
1
1
1

• scorll.htm.zip (1 KB)
• 下载次数: 116