“大多数”浏览器中的函数 scroll 都可以使用,但似乎可以“重载”。在兼容性选项卡中,您会看到某些浏览器支持
element.scroll(scrollToOptions)而其他人只支持element.scroll(x, y)
如何检查当前浏览器支持哪种方法(尽管它具有相同的名称)?

最佳答案

var isSmoothScrollSupported = 'scrollBehavior' in document.documentElement.style;

var scrollToOptions = {
  top: 100,
  left: 100,
  behavior: 'smooth'
};

if (isSmoothScrollSupported) {
    // Native smooth scrolling
    window.scroll(scrollToOptions);
} else {
    // Old way scrolling without effects
    window.scroll(scrollToOptions.left, scrollToOptions.top);
}

关于javascript - 浏览器原生滚动功能 : how to check compatibility,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57354064/

10-16 21:16