javascript - 在旧浏览器中支持 turn.js

Question

我用turn.js做翻页效果，在IE7/IE8上好像不太好用（在IE7模式下加载网站，你自己看看）。

什么是支持旧浏览器的最佳方式，同时在现代浏览器上保持酷翻页？（注意：我根本不需要 IE 上的热点，因为我还有专门的箭头链接，可以通过 Javascript 翻转页面，类似于 turn.js 演示。）

Answer 1

你有如何应用 turn.js 的示例吗？例如，您是否有链接或您的页面结构如何？这些是一个很好的起点。

当您检测到较旧的浏览器时，更多的是优雅地失败：有多种选择，有些比其他更有意义，具体取决于网站已经完成了多少。首先，完全禁用 Javascript 的网站看起来如何？我知道这不是 IE7/8 的情况，但从那里开始。它可以在没有 JS 的情况下使用吗？如果答案是“不”，如果可以的话，想办法让那个答案“是”。在考虑如何处理旧版浏览器时，这始终是一个好问题。

如果您处于网站编程的早期阶段，或者内容布局清晰，那么您可以解决旧浏览器的限制。我尝试遵循的一种做法是在没有 JS 或尽可能少的情况下设计网站，然后在功能上进行编程以实现“嗖嗖嗖嗖”。

在您的情况下，我会建议以下内容：如果您检测到 IE7/8（或可能无法满足要求的移动浏览器等），则加载带有规则的辅助样式表，这些规则可以为您的内容提供尽可能多的感觉尽可能的“原始”。接下来，让旧浏览器的 JS 显示/隐藏内容页面，而不是翻页 - 这可以通过左右移动页面的一些 div 来实现，然后跟踪当前页面与可能的页面（是此页之前有吗？此页之后？）以显示/隐藏导航 div。turn.js看起来就像是同一件事的精美动画，所以你应该可以说“嘿，这个浏览器是 IE 7 或 IE 8 - 所以，我们不要初始化 turn.js，只需将控制权交给上一页，然后下一页 div。