这是一个创建于 4324 天前的主题，其中的信息可能已经有所发展或是发生改变。
是这个意思，如下
<div id="here">...</div>
...
...
...
<a href="#here">Go</a>
现在想做的是，点击链接的时候，跳到了here这个div，但是希望这个div不是处于屏幕的最顶段，而是处于某个特定位置，比如距离屏幕顶端100px或者处于屏幕的中间
有可能做到吗？
不用js能做到吗？
如果用js应该怎么写？
多谢
<div id="here">...</div>
...
...
...
<a href="#here">Go</a>
现在想做的是，点击链接的时候，跳到了here这个div，但是希望这个div不是处于屏幕的最顶段，而是处于某个特定位置，比如距离屏幕顶端100px或者处于屏幕的中间
有可能做到吗？
不用js能做到吗？
如果用js应该怎么写？
多谢
 |
1
leofml 2013-02-27 23:10:04 +08:00
window.scrollTo(0,100)
window.scrollTo(0,document.body.scrollHeight/2) |
 |
3
ant_sz 2013-02-28 14:08:48 +08:00 via Android
把这个锚点放到你想处于屏幕中间位置的地方向上100px的地方…
|
 |
4
NemoAlex 2013-02-28 14:24:27 +08:00  1
单纯的 HTML 无法做到
可以用 JS 通过获取元素高度和页面可见区域高度来算出来 例如 Mootools 有库可以实现 http://mootools.net/docs/more/Fx/Fx.Scroll#Fx-Scroll:toElementCenter 自己做也不复杂，只要框架解决好浏览器兼容问题就行了 |
 |
5
iEverX OP @leofml
@ant_sz @NemoAlex 3ks. 我的解决方法是，计算除这个div的绝对位置top，是从 http://www.ruanyifeng.com/blog/2009/09/find_element_s_position_using_javascript.html 这个链接上看到的 然后window.scroll(0, top - 100); @ant_sz 所说的也是一种解决方案，但是会引入没有多余的节点，个人不是很喜欢 |
 |
6
Part 2013-03-01 09:37:53 +08:00
@iEverX "here这个div处于可以看见的屏幕的中间"，首先要用js是必须的，获得浏览窗口的高度（已经margin：0 auto;就不需要获取宽度了），div的高度，算算就搞定要scroll的值啦，然后scroll搞定！
|
 |
7
adieu 2013-03-01 10:07:57 +08:00
|
 |
8
fen 2013-03-01 12:37:17 +08:00
|
 |
9
yqyq1020 2013-03-01 21:01:51 +08:00 via Android
我觉得用padding-top可以，用不用js看具体情况吧
|
Select Language