В 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
Спасибо заранее за вашу поддержку!