666

你的样式高度看一下，还有overforw的属性是怎么设置 的

阻止浏览器的默认行为的

已解决，标签页id错误

楼主 id="menu-nav" 但是  data-target="#bs-example-navbar-collapse-1" 两者不一致，所以效果没出来，
把data-target="#bs-example-navbar-collapse-1" 改成 data-target = "#menu-nav" 即可

在CSS里面设置需要的position：absolute  ； bottom：0；就可以了，与定位屏幕上边界一样，如果需要固定定位，把absolute改为fixed即可。

我定位的是<li><a href="#summary-container">简述</a></li>

但是他会定位到.<div class="col-md-4">这个上面

为什么

需要添加jquery.js和bootstrap.js库

$(document).ready(function(){
    $("#demo-navbar .dropdown-menu a").click(function(e){
    var href = $(this).attr("href");
    $("#tab-list a[href='" + href + "']").tab("show");
    e.preventDefault();
    $(document).scrollTop($(href).offset().top - 120);
    });
    });

我发现我也不能！！，当我的TAB停在第一个TAB即是Chrome时，点导航的特点--下拉框的第一项有效。

当我的TAB停在第二个TAB即是Firefox时，点导航的特点--下拉框的第二项有效。

反正就不是视频那个效果。

同问。

.dropdown-menu  前面的标签确认是否为 id为demo-navbar 

不知道

navbar-fixed-top ,这个不是有定位作吗；亲，建议你把展现的效果果发出来把。。你这样写得代让我头疼。。。

同样问题解决了吗求方法

因为bootstrap里使用向右浮动。拿弹出框来说，如果关于写在上面， 关闭写在下面，那么关于也要给它左浮动，还得清除浮动。而把关闭写在上面，只要给关闭设置右浮动就可以了。

检查JQ代码是否引入成功

没遇到这个问题，你写的代码不对吧!

这算是字符串的拼接吧。

在javascript中参数名就是需要这样表示的呀，"abcdefg"+href+"higkl"就相当于php中的"abcdefg".$href."higkl"

$(document).ready(function(){

            $('#demo-navbar .dropdown-menu a').click(function(){

                var href=$(this).attr("href");

                $("#tab-list a[href='"+href+"']").tab("show");

            });

        });

我的也没有反应啊

代码贴出来看看

我在老师的基础上修改了：

$(function(){

   $('#bs-example-navbar-collapse-1 .dropdown-menu a').click(function (e) {

       var href = $(this).attr('href');

       if ('#' !== href) {

           e.preventDefault();

           $("#tab-container a[href='"+href+"']").tab("show");

           $(document).scrollTop($(href).offset().top - 110);

           console.log($(href).offset().top);

       }

   });

});

主要是思想就是：阻止a的默认行为、设置document的高度

弹出框出来后，右侧滚动条隐藏了

源代码下载？

              <script src="js/jquery-3.1.1.min.js"></script>
              <script src="js/bootstrap.min.js"></script>
              <script type="text/javascript">
              $(document).ready(function () {
              $("#demo-navbar .dropdown-menu a").click(function () {
              var href=$(this).attr("href");
              $("#tab-list a[href='"+href+"']").tab("show");
              })
              })
              </script>

                         注意顺序，要先引入jq，再引入bootstrap，最后引入自定义jq内容

你不把代码发过来，我们也不太清楚你的问题啊。你自己看看是不是你自己给他设置了padding什么的属性。

上代码啊大哥，你这问题问得这么笼统谁知道怎么来回答你啊。。。