如何为元素创建bootstrap scrollspy效果？

Question

我将创建如下元素：
http://getuikit.com/tests/core/scrollspy.html
滚动到元素时，该元素按效果显示 我无法通过搜索找到我的答案，而scrollspy在bootstrap意义中滚动到元素
我的意思是scrollspy，就像这样： https://github.com/thesmart/jquery-scrollspy
当元素显示在bootsrap框架中时带有淡入效果。
它可能在引导程序中吗？
这个jQuery插件名称是什么？ 请评论你的答案

Answer 1

你可以使用：
https://github.com/thesmart/jquery-scrollspy
并自定义如下：

//include jQuery lastest
//<script type="text/javascript" src="scrollspy.js"></script>
<script>
$('.scrollsp').on('scrollSpy:enter', function() {//when scrolling and element showing in window
    $(this).fadeIn();
});

$('.scrollsp').on('scrollSpy:exit', function() {//when scrolling and element exit at window
    $(this).fadeOut();
});

$('.scrollsp').scrollSpy();
</script>
<div class="scrollsp"></div>
<div class="scrollsp"></div>
<div class="scrollsp"></div>
<div class="scrollsp"></div>

http://jsfiddle.net/gmpckvwq/