gpt4 book ai didi

javascript - 浏览器原生滚动功能 : how to check compatibility

转载 作者:行者123 更新时间:2023-11-29 20:33:40 25 4
gpt4 key购买 nike

函数scroll在“大多数”浏览器中都可以使用,但似乎可以“重载”。在兼容性选项卡中,您会看到某些浏览器支持

元素.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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com