demo 侧边固定导航

<style>
    /*css reset*/
    body{
        padding:0;
        margin:0;
    }
    a{
        text-decoration:none;
        color:#333;
    }
    /*具体的样式*/
    .right-aside{
        top:100px;
        right:30px;
        position:fixed;
        border:1px solid #eaeaea;
    }
    /*a元素*/
    .right-aside a{
        display:block;
        62px;
        height:48px;
        padding-top:12px;
        font-size:12px;
        text-align:center;
        border-bottom:1px solid #eaeaea;
    }
    .right-aside .top{
        border-bottom:none;
    }
    .right-aside a i{
        display:block;
        20px;
        height:20px;
        margin:0 auto;
        background-color:#f00;
    }
</style>

<div class="right-aside">
    <a href="#">
        <i></i><span>签到</span>
    </a>
    <a href="#">
        <i></i><span>购物车</span>
    </a>
    <a href="#">
        <i></i><span>APP</span>
    </a>
    <a class="top" href="#">
        <i></i><span>TOP</span>
    </a>
    
</div>