В Internet Explorer 11 не работает анимация прокрутки бокового меню jQuery Easing v1.3

У меня есть страница HTML5, разделенная на левую и правую стороны. Левая часть страницы состоит из фиксированного меню боковой панели, а справа - несколько сгенерированных статей. #просто

Статьи "id" связаны через меню li>a href="# link

Когда я нажимаю на какую-то часть меню, ссылка должна перейти к конкретной статье с помощью class = "page-scroll".

Работает везде, кроме IE 11 и ниже.

<div class="left-side-menu fixed"
<ul>
<li class="active"><a href="#section1" class="page-scroll" title="">Article number one</a></li>
<li><a href="#section2" class="page-scroll" title="">Article number two</a></li>
</ul>
</div>

<div id="section1" class="right-side-articles">
<table><tbody>
<tr><td>ARTICLE CONTENT</td></tr>
</table></tbody>
</div>

Для прокрутки я использую скрипт jQuery Easing v1.3 ( http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js)

<script>
//jQuery for page scrolling feature - requires jQuery Easing plugin  v1.3
$(function() {
  $(document).on('click', 'a.page-scroll', function(event) {
    var $anchor = $(this);
    $('html, body').stop().animate({
      scrollTop: $($anchor.attr('href')).offset().top
    }, 1500, 'easeInOutExpo');
    event.preventDefault();
  });
});
</script>

Я не понимаю, почему он не работает, несмотря на тот факт, что IE 11 поддерживает большую часть производительности jQuery 1.3:( . Я надеюсь, что проблема будет в небольшом баге, иначе я просто не буду поддерживать IE и решил: D

PS: я включил Advanced -> Multimedia -> Play анимации на веб-страницах в моем IE

Спасибо заранее за вашу поддержку!

0 ответов

Другие вопросы по тегам