在Bootstrap中的滚动监听中的data-offset属性的真正意义，在我下面这段代码中，不管设何值都看不出区别

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<style type="text/css">
    .a{
        width: 80%;
        height: 800px;
        border: 1px solid black;
        margin: 0 auto;
        margin-top: 70px;
    }
</style>

</head>
<body data-target = "#Nav" data-offset = "0" data-spy = "scroll">
        
    <div style="width: 100px; text-align: center; border: 1px solid  #C0C0C0;" class="navbar-fixed-top" id="Nav">
        <ul class="nav nav-pills nav-stacked ">
            <li><a href="#HTML5">HTML5</a></li>
            <li><a href="#bootstrap">Bootstrap</a></li>
            <li><a href="#JQuery">JQuery</a></li>
        </ul>
    </div>

    <div id="HTML5" class="a" style="margin-top: 20px; ">
        HTML5
    </div>
    <div id="bootstrap" class="a">
        bootstrap
    </div>
    <div id="JQuery" class="a">
        JQuery
    </div>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
<!--<script src="http://cdn.bootcss.com/bootstrap/2.3.1/js/bootstrap-modal.js"></script>-->
<script> 
</script>
</body>
</html>

Anoxia_

浏览 2151回答 4

4回答

随时随地看视频慕课网APP