以下jQuery适用于Chrome,Firefox和Safari,但不适用于IE11。在IE11中,您必须向上滚动到顶部,然后向下滚动以使其工作。
我链接到jQuery版本3.2.1。
$(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 100) {
$('.contents:hidden').css('visibility', 'visible');
$('.contents:hidden').fadeIn('slow');
} else {
$('.contents:visible').fadeOut('slow');
}
});
});

<script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>
<div class="contents">
<ul>
<li><a href="#1">Return on Surplus</a></li>
<li><a href="#2">Underwriting</a></li>
<li><a href="#3">Investment</a></li>
<li><a href="#4">Combining Underwriting & Investment</a></li>
<li><a href="#5">Application & Analysis</a></li>
<li><a href="#6">Key Takeaways</a></li>
</ul>
</div>
<script>
&#13;