JQuery .animate() not working on IE

Question

我的jQuery .aimate（）函数似乎无法在IE上使用。您能帮我将其转换为纯JS解决方案吗？

var brandLink = $('#brand');
var pageTop = $('#page-top');
var navLinks = $('.nav-link');
var offerSection = $('#offer');
var techSection = $('#tech');
var portfolioSection = $('#portfolio');
var contactSection = $('#contact');
var moreBtn = $('.more-button');
navLinks.eq(0).click(() => {
    $('html, body').animate({
        scrollTop: pageTop.offset().top
    }, 500);
});

您可以看到，这用于滚动页面，以在一个页面网站中propper部分/页面。

有人可以解释为什么Animate（）在IE上不起作用？

Answer 1

快速拍摄，尝试：

var brandLink = $('#brand');
var pageTop = $('#page-top');
var navLinks = $('.nav-link');
var offerSection = $('#offer');
var techSection = $('#tech');
var portfolioSection = $('#portfolio');
var contactSection = $('#contact');
var moreBtn = $('.more-button');
navLinks.eq(0).click(function(e) {
    e.preventDefault(); // to prevent native behaviour of the thing you press
    $('html, body').animate({
        scrollTop: pageTop.offset().top
    }, 500);
});

Answer 2

取决于IE的版本，您需要支持，请查看此站点。您会发现一些可能有帮助的通用周转。

也请查看此问题（添加预防违规（）；以确保脚本正常工作）。