如何实现打开一个网站时定位在最底部？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 4299 天前的主题，其中的信息可能已经有所发展或是发生改变。

定位

底部

网站

11 条回复 • 1970-01-01 08:00:00 +08:00

CoX

2013-03-25 20:27:43 +08:00

底部加个锚点

windsdiary

2013-03-25 20:31:58 +08:00

http://stackoverflow.com/questions/9945857/using-jquery-to-open-page-at-the-bottom
this?

lin

2013-03-25 21:59:32 +08:00

@CoX 我要一打开页面就在底部，但又不要用跳转。

ihuguowei

2013-03-25 22:01:44 +08:00

底部增加一个ID，然后将链接为连接到该id的链接。我的表述可能不准确。

jeeson

2013-03-25 22:03:33 +08:00

可以在 domready 后，调整 scrollTop

例如：document.body.scrollTop = 100000;

lin

2013-03-25 22:04:58 +08:00

@ihuguowei 这样跟 @Cox 的建议是一样的，智能解决在站内访问的情况。我希望实现的是，任何人打开这个网站，第一眼看到的就是footer。

leofml

2013-03-25 22:11:28 +08:00

footer后加上<script>window.scrollTo(0,document.body.scrollHeight)</script>
或者使用onload

no2x

2013-03-25 22:17:20 +08:00

我有 2 个思路：

一是如 5 楼 @jeeson 所说，用 javascript 去 scroll(100000,0) 强制滚动到底端。但这样也一样存在要先看到上面的内容的可能。

二是，除了 footer 显示，其他的 div 先 height:0px（但不要关闭，免得没 load 好），然后逐步恢复 footer 上面 div 的正常 height。

同理，类似二的思路，你可以先用空白的 div 占好位，直接跳到有内容的 footer，footer 下用隐藏的 div 读取正常的数据，然后 javascript 的 innerHTML 放入占位的空白 div 中

jeeson

2013-03-25 22:23:47 +08:00

@lin 如果只是要第一眼看到 footer，可以用 position:fixed

例如：

.footer {
position:fixed;
bottom:0px;
width: 100%;
}

不过这样会一直固定在底部，你可以加上事件处理或setTimeout，修改 footer 的 position 属性

ghbjy1128

2013-03-26 16:06:59 +08:00

http://url.com#footerID

ghbjy1128

2013-03-26 16:08:18 +08:00

http://www.v2ex.com/t/64003#Bottom