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

Question

我正在使用 turn.js对于翻页效果，它在 IE7/IE8 上似乎工作得不是很好(在 IE7 模式下加载网站，您可以自己看到)。

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

Answer 1

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

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

如果您处于网站编程的早期阶段，或者内容布局清晰，那么您可以解决旧版浏览器的局限性。我尝试遵循的一种做法是在不使用 JS 或尽可能少使用 JS 的情况下设计网站，然后在功能中编程以实现“呼啸而过”。

在您的情况下，我会提出以下建议:如果您检测到 IE7/8(或可能不合格的移动浏览器等)，则加载辅助样式表，其中包含尽可能多地提供您的内容的规则尽可能地感受“原始”的感觉。接下来，让旧版浏览器的 JS 显示/隐藏内容页面而不是翻页 - 这可以通过左右移动页面的一些 div 来实现，然后跟踪当前页面与可能的页面(是在此页面之前？在此页面之后？)以显示/隐藏导航 div。 turn.js 只是看起来 就像相同事物的花哨动画，所以你应该能够说“嘿，这个浏览器是 IE 7 或 IE 8 - 所以，我们不要初始化 turn.js 而是转控制上一页和下一页 div。”