读书人

怎么实现点击后屏幕翻滚

发布时间: 2012-04-01 17:23:46 作者: rapoo

如何实现点击后屏幕翻滚
比如现在有a b c d ....一些字母
然后下面有
A TABLE
B TABLE
C TABLE ....
现在要实现的是我点击Z,屏幕就移动到Z这个地方。点击D屏幕就到D这个地方
就象BAIDU里根据字母查歌手一下的效果
http://list.mp3.baidu.com/singer/singers.html?id=1?top7
跪求!!!

[解决办法]
<a name= "a "> </a>


...........

<a href= "#a "> Goto A </a>
[解决办法]

<a href= "#a "> Goto aaaa </a> <a href= "#b "> Goto bbb </a>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<a name= "a "> </a> aaaa
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<a name= "b "> </a> bbbbbbbbb
<p> a </p>


<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
[解决办法]
除了老孟的方法,也可以换一种方法
<a href= "javascript:void(0) " onclick= "document.getElementById( 'a ').scrollIntoView() "> Goto aaaa </a> <a href= "javascript:void(0) " onclick= "document.getElementById( 'b ').scrollIntoView() "> Goto bbb </a>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>


<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<a name= "a "> </a> aaaa
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<a name= "b "> </a> bbbbbbbbb
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>


<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p> <p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
<p> a </p>
[解决办法]
- -
哇。。两大屏。。
[解决办法]
用锚点当然是最方便的了
[解决办法]
用锚点~```

读书人网 >JavaScript

热点推荐