标题被捕获并在滚动后粘住

我希望标题贴在滚动上，如下所示。（http://davist11.github.io/jQuery-Stickem/）源站点 （https://github.com/davist11/jQuery-Stickem）

我在页面顶部播放了一个全屏视频，我想滚动并在标题击中它时保持标题棒。同样，在其他页面上的顶部有一个小边框，我希望滚动错过，然后在到达这一点时坚持。

这是它目前的样子

http://jsfiddle.net/wp7ornmv/

编辑：在HTML窗口上滚动

<div id="logo">
    </div>
    <div id="intro">
        <video autoplay loop poster="images/work/bluesky.jpg" id="bgvid">
            <source src="video/Peri_CloudLoop_BlueTV.webm" type="video/webm">
            <source src="video/Peri_CloudLoop_BlueTV_3.mp4" type="video/mp4">
        </video>
    </div>
    <div id="container">
        <div id="content">
            <div id="Mbackground">
                <div id="Ncontainer">
                    <div id="Ncontain">
                        <div id="Nlogo">Logo
                        </div>
                        <div id="Nmenu">
                            <div class="Nlink"><a href="url">Contact</a>
                            </div>
                            <div class="Nlink"><a href="url">About</a>
                            </div>
                            <div class="Nlink"><a href="index.html" class="active transition">Work</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="Mbackground">
                <div id="Mbody">
                <div class="Mrow">
                    <div class="Mcontainer">
                        <a href="project.html" class="transition">
                            <span class="link-spanner"></span>
                        </a>
                        <div id="Mimageone" class="Mimage">
                        </div>
                        <div id="Mborderone" class="Mborder">
                        </div>
                        <div id="Mboxone" class="Mbox">
                            <div class="Mtext">
                                <div class="Mtitle">Title
                                </div>
                                <div class="Msubtitle">Subtitle
                                </div>
                                <div class="Mdescrip">Descript
                                </div>
                            </div>
                            <div class="Meye">
                            </div>
                        </div>
                    </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div id="footerhalf1">
        </div>
        <div id="footerhalf2">  
            <div id="footercontents">Made by
            </div>
        </div>
    </div>