小编tyl*_*isa的帖子

我有一个问题是让图标直接出现在ul中的列表项后使用字体awesome和:after.

具有活动类的li应该在其后面有图标但是在关闭列表项之前添加另一个ul时,它会将图标放在整个辅助列表之后.

<div id="thirdLevMenu">
<ul>
<li class="active">Integrated Coastal Watershed Management Plans
<ul>
<li><a href="http://design-irwmp3.migcom.com/app_pages/view/7931">Russian River Integrated Coastal Watershed Management Plan</a></li>
<li><a href="http://design-irwmp3.migcom.com/app_pages/edit/http:/www.goldridgercd.com/watersheds/salmoncreekplan.html" target="_blank">Salmon Creek Coastal Watershed Management Plan</a></li>
<li><a href="http://design-irwmp3.migcom.com/app_pages/edit/http:/www.mattole.org/plan" target="_blank">Mattole Coastal Watershed Management Plan</a></li>
<li><a href="http://design-irwmp3.migcom.com/app_pages/edit/http:/www.trinidad.ca.gov/documents-library/category/30-icwmp.html" target="_blank">Trinidad-Westhaven Coastal Watershed Management Plan</a></li>
</ul>
</li>
</ul>
</div>

我不能为我的生活弄清楚我做错了什么.

这是我的jsfiddle

提前致谢!!

我正在为响应站点创建一个固定位置的子导航菜单栏。我能找到的所有固定菜单示例在滚动后都固定在顶部，这些示例均基于从顶部开始的固定像素数。

但是，由于我正在工作一个响应站点，因此视口而定，需要进入菜单的顶部像素是不同的（在小屏幕上，由于内容填充是更高的屏幕区域，因此菜单应在向下滚动更多区域后出现） 。

我有一个有效的示例，正​​在使用以下jquery脚本：

$(document).ready(function(){
$('#navigation a, #fixedbar a').on('click', function(e) {
e.preventDefault();
});

$(window).on('scroll',function() {
var scrolltop = $(this).scrollTop();

if(scrolltop >= 215) {
  $('#fixedbar').fadeIn(250);
}

else if(scrolltop <= 210) {
  $('#fixedbar').fadeOut(250);
}
});
});

如您所见，如果从顶部滚动超过215个像素，则固定条会淡入。相反，我想让它滚动经过某个div后出现。这样，我知道它将在用户完全滚动经过介绍文本之后进入。

这是我的小提琴

我想做什么很好的例子？还是修改jquery脚本的简便方法？提前致谢。