Twitter bootstrap 3 引导3粘贴在页面中间

我在这一页的中间有一个部分。在这个部分的左侧是垂直菜单。我想把这张左边的菜单贴上去。乍一看，它工作得很好，但当你向下滚动，然后向上滚动，粘贴插件故障。我使用的是3.3.7引导和3.2.1 jquery

---

试试这个快乐的编码：）

$（“#myNav”）。粘贴({
偏移量：{
顶部：功能（$el）{
var top=$（“.row”）.offset（）.top；
返回顶部；
}
}
});
/*自定义样式*/
导航标签{
宽度：140px；
边缘顶部：20px；
边界半径：4px；
边框：1px实心#ddd；
盒影：0 1px4pRGBA（0,0,0,0.067）；
}
ul.nav-tabs li{
保证金：0；
边框顶部：1px实心#ddd；
}
ul nav-tabs li：第一个孩子{
边界顶部：无；
}
ul.nav-tabs li a{
保证金：0；
填充：8px 16px；
边界半径：0；
}
ul.nav-tabs li.active a，ul.nav-tabs li.active a：悬停{
颜色：#fff；
背景#0088cc；
边框：1px实心#0088cc；
}
ul.nav-tabs li：第一个孩子a{
边界半径：4px4p0；
}
ul.nav-tabs li：最后一个孩子a{
边界半径：0 0 4px 4px；
}
ul.nav-tabs.affix{
顶部：30px；/*设置固定元件的顶部位置*/
}

自举粘贴







第一节
Lorem ipsum dolor sit amet，是一位杰出的献身者。Nam-eu sem Temporal，varius quam at，luctus dui。Mauris magna metus，dapibus nec turpis vel，semper malesuada ante。前庭为非purus非purus非purus非purus非purus非purus非purus非purus非purus非purus非purus非purus非purus非purus非purus非purus非purus。不等长矢状突。在小兽人的身体里，有一个前庭。阿利夸姆阿库的维瓦摩斯发酵液。弗林蒂利亚的奥迪奥之门。尼斯利奥万岁，比本杜姆欧盟的布兰迪特，特里斯蒂克·埃吉特·里索斯。整数等于精英的身份证，身份证与端口号之间。整型福西布斯里古拉

前庭是一个巨大的前庭。这是我的拿手好戏。这是我的名言。马蒂斯的佩伦特斯·维韦拉·萨吉提斯·夸姆。潜力悬钩子。阿利奎姆坐在阿梅特孕妇床上，方便孕妇。Phasellus拍卖行velit位于lacus blandit，Comodo iaculis justo viverra。这是我的生命。毛里斯·维尔康格·多洛。阿利奎姆·埃吉特·米米。福斯·夸姆·托托、康莫多·ac·杜伊·奎斯、比本杜姆·维韦拉·埃拉。梅塞纳斯·马蒂斯·莱克托斯·埃尼姆（Maecenas mattis lectus enim）和奎斯·汀西顿·杜伊·尤伊斯莫（quis tincidunt dui molestie euismod）。库拉比图尔和迪亚姆·特里斯蒂克，阿库姆桑·努克·尤尔，亨德雷特·泰勒斯


第二节
Nullam hendrerit只是一个非狮子座的饮食。矢状位的Etiam。苏云地黄悬液。毛里斯·奎斯·达皮布斯·奥奇。在dapibus velit blandit pharetra tincidunt。非智者的食品调味品。塞德·维韦拉·因特杜姆·比本杜姆。Donec ac sollicitudin dolor。在rutrum的Sed fringilla Vita lacus。蜂房前庭舌苔

连续前庭为十字形前庭，发酵前庭为圆形前庭。南奥迪奥·托托（Nam odio tortor），这句名言的主旨是，佩伦特斯·维塔·奥奇（Pelletsque vitae orci）。元素维瓦摩斯，猫科动物欧式拍卖人洛博蒂斯，小径埃吉斯塔斯拉克斯，发酵剂梅托斯安特乌纳。在libero设施进行Sed。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。前庭。这是一个很好的例子。Vivamus sem augue，hendrerit non sapien in，mollis ornare augue


第三节
整枕型狮子座前庭。自由之门，智慧之门，比本杜姆之门。在必要的情况下，不要为勃兰迪特提供任何生命。佩伦茨克的自我介绍。Phasellus sed nunc ac sem malesuada调味品。艾蒂安在阿利夸姆莱克托斯。Nam vel sapien diam。Donec pharetra id arcu eget blandit。波提托的马蒂斯·奥古斯。这是一个封建主义者。这句话的意思是：“这是一个很好的例子。我们在purus lacinia porttitor找到了一位智者。一只小猫咪，一只小猫咪，一只小猫咪，一只小猫咪，一只小猫咪，一只小猫咪，一只小猫咪，一只小猫咪，一只小猫咪，一只小猫咪，一只小猫咪，一只小猫咪，一只小猫咪，一只小猫咪。这是我的生日。库拉比图多洛·尼塞尔，拉奥里特·维塔·阿利奎姆·艾米特·莫里斯

生命之相。毛里斯·法雷特拉（Mauris pharetra）是拉齐尼亚（lacinia）的封建者。埃蒂亚姆·福西布斯·莫里斯是一位临时演员。在accumsan tincidunt的Duis luctus turpis。Phasellus risus，Volatic vel tellus ac，tincidunt fringilla massa。埃蒂亚姆·亨德雷雷特·多洛·埃吉特·阿迪皮西奇（Etiam hendrerit dolor eget ante rutrum Adipising）。同侧腕关节，同侧腕关节，同侧腕关节。这是一个很好的例子。佩伦特斯·康瓦利斯·利特·尼西（Pellentesque convallis elit nisi）是一位杰出的女性，他是一位杰出的女性。这是普尔维纳河，维韦拉河。潜力悬钩子。整型佩伦茨克内克和元素温度。马蹄莲

法雷特拉·维利特·维利特·伊库利斯·普雷蒂姆。这是一个公正的法门。佩伦茨克佩伦茨克，亨德雷特面部按摩师，利奥面部按摩师，帕特·图皮斯·阿库·奎斯·埃尼姆。无生命元素。暂时性精神病的必要条件。第二种疾病是指直径的累积性疾病。潜力悬钩子


第四节
orci facilisis餐厅，tortor vitae餐厅，ultrices mi餐厅。腔隙前庭。活舌苔。活体sce
$("#myNav").affix({
    offset: { 
        top: function($el) {
            var top = $("#sections").offset().top;
            console.log(top);
          return top;
        },
        bottom: function($el) {
            var bottom = document.body.scrollHeight - $("#sections").offset().top - $("#sections").outerHeight(true);
          console.log(bottom)
            return bottom;
        }
    }
});