Javascript Bootstrap ScrollIE 9问题_Javascript_Css_Internet Explorer_Twitter Bootstrap

Javascript Bootstrap ScrollIE 9问题

javascript css internet-explorer twitter-bootstrap

Javascript Bootstrap ScrollIE 9问题,javascript,css,internet-explorer,twitter-bootstrap,Javascript,Css,Internet Explorer,Twitter Bootstrap,我无法让scrollspy在IE 9中工作。我将代码简化为最基本的代码，但问题仍然存在 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="lib/jquery-2.0.3.min.js"></script> <script type="text/javascript" src="lib/bootstrap/j

我无法让scrollspy在IE 9中工作。我将代码简化为最基本的代码，但问题仍然存在

<!DOCTYPE html>
<html>

    <head>
        <script type="text/javascript" src="lib/jquery-2.0.3.min.js"></script>
        <script type="text/javascript" src="lib/bootstrap/js/bootstrap.js"></script>
        <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css" />
        <style type="text/css">
            #sidenav {
                position: fixed;
                background-color: #fff;
            }
            li {
                width: 100px;
                height: 30px;
                background-color: orange;
            }
            li.active {
                background-color: yellow;
            }
            a.active {
                color: red;
            }
            .box {
                width: 500px;
                height: 500px;
                background-color: red;
                margin-top: 10px;
            }
            body {
                height: 100%;
            }
        </style>
    </head>

    <body data-spy="scroll" target="sidenav">
        <div id="sidenav">
            <ul class="nav">
                <li><a href="#box-1">Test</a>
                </li>
                <li><a href="#box-2">Test</a>
                </li>
                <li><a href="#box-3">Test</a>
                </li>
                <li><a href="#box-4">Test</a>
                </li>
            </ul>
        </div>
        <div class="box" id="box-1"></div>
        <div class="box" id="box-2"></div>
        <div class="box" id="box-3"></div>
        <div class="box" id="box-4"></div>
        <div class="box" id="box-5"></div>
        <div class="box" id="box-6"></div>
        <div class="box" id="box-7"></div>
        <div class="box" id="box-8"></div>
    </body>
    <script type="text/javascript">
        $('body').scrollspy({
            target: '#sidenav'
        });
    </script>

</html>

我做错了什么？

你能更详细地解释一下IE9和另一个浏览器在行为上的区别吗？我已经设置了一个JSFIDLE，它是否会在IE9中重现这个问题？我使用IE11进行了测试，将文档模式设置为“9”，但我不知道这在向后模拟旧浏览器方面有多好。当然，当我上下滚动时，活动屏幕显示正确。除了点击它，页面跳转到右锚。