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

2013-03-25 20:22:15 +08:00
 lin
3687 次点击
所在节点    问与答
11 条回复
CoX
2013-03-25 20:27:43 +08:00
底部加个锚点
windsdiary
2013-03-25 20:31:58 +08:00
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
ghbjy1128
2013-03-26 16:08:18 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/64003

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX