javascript - 如何在 JS 中管理浏览器功能？

Question

我建立了一个网站，它使用$(window).scroll()jQuery 事件以编程方式在某些元素中设置动画。由于 iOS 不以同样的方式支持此事件，因此在 iPad 上的体验很糟糕。

如何在 Javascript 中检测浏览器，以便我可以管理不同浏览器中的体验？这是正确的方法吗？

Answer 1

你问错了问题约翰。浏览器检测和浏览器特定代码是邪恶的。它使您的项目变得复杂且难以在未来处理。阅读有关特征检测的更多信息。还有一些 jQ 插件可以帮助您制作像这样的迷你 iOS 卷轴

像这样很容易，您可以添加本机滚动：

    var scrollContent,
    scrollNav;

function loaded() {
    scrollContent = new iScroll('contentWrapper');
    scrollNav = new iScroll('navWrapper');
}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

document.addEventListener('DOMContentLoaded', loaded, false);