Question

我使用Bootstrap Freelancer单页模板。但是我想为我的产品做一个单独的.html页面。

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li class="page-scroll">
                    <a href="#home">Home</a>
                </li>
                <li class="page-scroll">
                    <a href="#ueberuns">&Uuml;ber uns</a>
                </li>                    
                <li class="page-scroll">
                    <a href="Produkte.html">Produkte</a>
                </li>

当我直接在＆＃34;部分＆＃34;中从Produkte.html导航回我的index.html时通过

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li class="page-scroll">
                    <a href="index.html #home">Home</a>
                </li>

导航栏只会折叠一些，我可以看到#home我的网址栏。我对如何做到这一点没有任何其他想法？！

更新：我在这里测试了这个：

function onScreen(){
var markerPos = $('#home').offset().top;
var winScroll = $(document).scrollTop();
var winH      = $(window).height();

if( winScroll+winH >= markerPos){
$(".navbar-collapse");
console.log('VISIBLE!');
}
};

当我跳回到我的index.html并显示VISIBLE时，导航栏会崩溃，但只有50％的点击才会发生这种情况。

带有页面滚动导航栏的Bootstrap缩小

0 个答案: