V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
lin
V2EX  ›  问与答

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

  •  
  •   lin · 2013-03-25 20:22:15 +08:00 · 3660 次点击
    这是一个创建于 4245 天前的主题,其中的信息可能已经有所发展或是发生改变。
    11 条回复    1970-01-01 08:00:00 +08:00
    CoX
        1
    CoX  
       2013-03-25 20:27:43 +08:00
    底部加个锚点
    lin
        3
    lin  
    OP
       2013-03-25 21:59:32 +08:00
    @CoX 我要一打开页面就在底部,但又不要用跳转。
    ihuguowei
        4
    ihuguowei  
       2013-03-25 22:01:44 +08:00
    底部增加一个ID,然后将链接为连接到该id的链接。我的表述可能不准确。
    jeeson
        5
    jeeson  
       2013-03-25 22:03:33 +08:00
    可以在 domready 后,调整 scrollTop

    例如:document.body.scrollTop = 100000;
    lin
        6
    lin  
    OP
       2013-03-25 22:04:58 +08:00
    @ihuguowei 这样跟 @Cox 的建议是一样的,智能解决在站内访问的情况。我希望实现的是,任何人打开这个网站,第一眼看到的就是footer。
    leofml
        7
    leofml  
       2013-03-25 22:11:28 +08:00
    footer后加上<script>window.scrollTo(0,document.body.scrollHeight)</script>
    或者使用onload
    no2x
        8
    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
        9
    jeeson  
       2013-03-25 22:23:47 +08:00
    @lin 如果只是要第一眼看到 footer,可以用 position:fixed

    例如:

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

    不过这样会一直固定在底部,你可以加上事件处理或setTimeout,修改 footer 的 position 属性
    ghbjy1128
        10
    ghbjy1128  
       2013-03-26 16:06:59 +08:00
    ghbjy1128
        11
    ghbjy1128  
       2013-03-26 16:08:18 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1094 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 22:38 · PVG 06:38 · LAX 14:38 · JFK 17:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.