最下面的锚点

来源:4-1 使用jQuery实现网页定位导航(上)

门外小白3342804

2016-09-07 22:58

当页面够高的时候点F1和F2都能切换到指定位置,但F3的时候页面底部和屏幕底部一齐的时候,再点导航F3,F4页面就不往上动了,怎解?
写回答 关注

2回答

  • 第二热情
    2016-09-10 17:31:36
    已采纳



    <!DOCTYPE html>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <style type="text/css">

    *{width:500px;

    height: 1000px;

    }

    ul{

    position: absolute;

    }

    </style>>

    </head>

    <body>

    <div id="f1">F1</div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

    <div id="f2">F2</div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

    <div id="f3">F3</div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

    <div id="f4">F4</div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

    <ul class="shu">

    <li><a href="#f1">F1</a></li>

    <li><a href="#f2">F2</a></li>

    <li><a href="#f3">F3</a></li>

    <li><a href="#f4">F4</a></li>

    </ul>

    </body>

    </html>


    门外小白33...

    非常感谢!

    2016-09-10 22:08:10

    共 3 条回复 >

  • 第二热情
    2016-09-08 02:47:37

    我没明白 F1 F2 是第一层第二层的意思吧,页面底部和屏幕底部一齐的时候 是什么情况,而且锚点设置好不管你页面在哪,只要点击 就会直接过去的啊

    门外小白33... 回复第二热情

    <div id="f1">F1</div> <div id="f2">F2</div> <div id="f3">F3</div> <div id="f4">F4</div> <ul class="shu"> <li><a href="#f1">F1</a></li> <li><a href="#f2">F2</a></li> <li><a href="#f3">F3</a></li> <li><a href="#f4">F4</a></li> </ul>

    2016-09-10 15:39:21

    共 4 条回复 >

网页定位导航特效

本课程讲解网页定位导航特效,仿天猫版地狗购物网,你值得拥有

71404 学习 · 486 问题

查看课程

相似问题