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

定位

底部

网站

11 replies • 1970-01-01 08:00:00 +08:00

CoX

Mar 25, 2013

1

底部加个锚点

windsdiary

Mar 25, 2013

2

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

lin

OP

Mar 25, 2013

3

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

ihuguowei

Mar 25, 2013

4

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

jeeson

Mar 25, 2013

5

可以在 domready 后，调整 scrollTop

例如：document.body.scrollTop = 100000;

lin

OP

Mar 25, 2013

6

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

leofml

Mar 25, 2013

7

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

no2x

Mar 25, 2013

8

我有 2 个思路：

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

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

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

jeeson

Mar 25, 2013

9

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

例如：

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

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

ghbjy1128

Mar 26, 2013

10

http://url.com#footerID

ghbjy1128

Mar 26, 2013

11

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