$(窗口).scroll在Internet Explorer中不起作用(11)

时间:2017-05-04 00:14:27

标签: jquery html css internet-explorer cross-browser

以下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 &amp; Investment</a></li>
    <li><a href="#5">Application &amp; Analysis</a></li>
    <li><a href="#6">Key Takeaways</a></li>
  </ul>
</div>

<script>
&#13;
&#13;
&#13;

0 个答案:

没有答案