谢谢你看看这个问题.
我想知道是否有办法阻止Bootstrap 3固定顶部导航栏在使用jQuery插件自动滚动时"闪烁"或上下跳跃.
一个活跃的例子在这里:
http://startbootstrap.com/templates/grayscale/
如果您在手机上查看此模板(我使用的是iPhone 4),请使用菜单栏并单击链接.jQuery插件将您带到页面的一部分,但是请查看顶部菜单栏.它像疯了一样在周围闪烁和跳舞,并没有真正留下来.
这是与这个例子相关的代码,但是我见过的人们使用Bootstrap固定顶部导航以不同方式做同样事情的大多数其他例子都是一样的.
HTML:
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="#page-top">
<i class="fa fa-play-circle"></i> <span class="light">Start</span> Bootstrap
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section …我正在尝试使用Jekyll显示标签列表.这是我在页面上的HTML看起来像:
<ul>
{% for tags in page.tags %}
<li>{{ tags }}</li>
{% endfor %}
</ul>
这是我前面的信息:
---
layout: template
title: Title
tags: all portfolio something
---
我得到一个输出,但它只是创建一个这样的列表:
而不是我想要实现的目标,这是:
任何故障排除将非常感谢,谢谢!