Bootstrap Scroll Spy无效

时间:2016-12-18 21:30:46

标签: javascript html css twitter-bootstrap scrollbar

我正在尝试实现一个固定的侧边菜单,用于更新活动页面与活动类的链接。我将滚动间谍HTML5元素放在正文上,但我遇到了问题。有人可以查看我的html文件,看看他们是否可以确定错误并为我提供解决此问题的方法吗?

以下是我的github帐户的链接:https://github.com/thlee1122/profile

以下是html文件中当前导航部分的外观:



body data-spy="scroll" data-target="#navbar-example">
        <div class = "header">
            <div class = "container">
                <div class="video-section">
                    <video autoplay muted loop>
                        <source src="macbook.mp4" type="video/mp4">
                    </video>

                    <div class="section-content container">
                        <h1>Tae Hoon Lee</h1>
                        <hr></hr>
                        <h4>Interactive Portfolio</h4>
                        <!--<p><a class="btn" href="#">Email Me</a></p>-->
                    </div>
                </div>
            </div>
        </div>
        
        <div class="main" id="profile-intro">
            <div class="container">
                <h1>Profile</h1>
                <h3>I'm a creative Front end developer.</h3>
                <hr></hr>
            </div>
        </div>

        <div id="top" class="jumbotron">
            <a href="#profile" class="scroll-down">
                <span class="glyphicon glyphicon-chevron-down"></span>
            </a>

            <div class="navbar navbar-default" id="navbar-example" role="navigation">
                <div>
                    <div class="navbar-header"></div>
                    <div class="collapse navbar-collapse navbar-ex1-collapse">
                        <ul class="nav navbar-nav">
                            <li class="active">
                                <a href="#profile">Profile</a>
                            </li>

                            <li class>
                                <a href="#experiences">Experiences</a>
                            <li>
                            
                            <li class>
                                <a href="#skills">Skills</a>
                            </li>

                            <li class>
                                <a href="#projects">Projects</a>
                            </li>

                            <li class>
                                <a href="#contact">Contact</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
  </body>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

我想我有它的工作!我要向你的github提交我的请求。