Jquery Bootstrap 3导航条固定顶部在移动设备上不工作
我的设置比引导演示稍微复杂一些。我的导航栏在折叠下面。一旦导航栏滚动到位,我就通过jquery添加“navbar fixed top”类。它在桌面上运行得很好。但是,它在手机上不起作用 下面是导航栏滚动到位后的代码。不幸的是,导航栏没有保持固定。我错过什么了吗Jquery Bootstrap 3导航条固定顶部在移动设备上不工作,jquery,css,twitter-bootstrap,Jquery,Css,Twitter Bootstrap,我的设置比引导演示稍微复杂一些。我的导航栏在折叠下面。一旦导航栏滚动到位,我就通过jquery添加“navbar fixed top”类。它在桌面上运行得很好。但是,它在手机上不起作用 下面是导航栏滚动到位后的代码。不幸的是,导航栏没有保持固定。我错过什么了吗 <div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container">
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="mobile-nav-expand"></span>
</button>
<a class="navbar-brand" href="/pagename.aspx"><img src="/img/my-logo.png" /></a>
<div class=" class="clearfix"></div>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav visible-sm visible-xs">
<li class="text-center mobile"><a href="/pagename.aspx">link</a></li>
<li class="text-center mobile"><a href="/pagename.aspx">link</a></li>
<li class="text-center mobile"><a href="/pagename.aspx">link</a></li>
<li class="text-center mobile"><a href="/pagename.aspx">link</a></li>
<li class="text-center mobile"><a href="/pagename.aspx">link</a></li>
<li class="text-center mobile"><a href="/pagename.aspx">link</a></li>
<li class="text-center mobile">
<br />
<b>ADDRESS</b><br />
Street<br />
City, State 12345</span>
</li>
</ul>
<ul class="nav navbar-nav navbar-right hidden-xs">
<li class="dropdown">
<a class="dropdown-toggle disabled" data-toggle="dropdown" href="/pagename.aspx">link <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/directory/pagename.aspx">link</a></li>
<li><a href="/directory/pagename.aspx">link</a></li>
</ul>
</li>
<li><a href="/pagename.aspx">link</a></li>
<li><a href="/pagename.aspx">link</a></li>
<li><a href="/pagename.aspx">link</a></li>
<li><a href="/pagename.aspx">link</a></li>
<li><a href="/pagename.aspx">link</a></li>
</ul>
</div>
</div>
</div>
在移动设备上,尤其是iPhone上,固定元素是粗略的。很多人会使用固定元素滚动页面,然后重新定位,这不太理想。如果我不使用jQuery添加导航栏固定顶部,效果很好。