请访问演示:http: //96.0.13.132
单击一段时间,现在单击返回按钮。在 webkit 浏览器中,您会动画回到之前的“状态”,而在 Firefox 中您会跳回。为什么是这样?如何让 Firefox 表现得更像 webkit?
我正在使用 jQuery、jQuery 地址插件和 jQuery ScrollTo 插件。
请访问演示:http: //96.0.13.132
单击一段时间,现在单击返回按钮。在 webkit 浏览器中,您会动画回到之前的“状态”,而在 Firefox 中您会跳回。为什么是这样?如何让 Firefox 表现得更像 webkit?
我正在使用 jQuery、jQuery 地址插件和 jQuery ScrollTo 插件。
没有截取后退按钮,然后应用你想用 jQuery 实现的效果,这很可能是 Firefox、Opera 的“设计”(在 Windows XP 上的 v11.60 中测试)并且..无法在 Internet 上测试它Explorer 8 因为
'console' is undefined in erny.js, Line: 1142
这使浏览器进入白屏。它几乎加载了页面,然后立即完全破坏了该站点。您可以通过使用封装任何console
命令来解决此问题
if (console) { /** your command **/ }
这是一个很好的做法,因为您应该对没有控制台或 FireBug ™ 的浏览器感到满意......但是您也有一个非常突兀的东西alert
告诉访问者
为获得最佳观看体验,请使用 Firefox、Chrome 或 Safari
所以我要说的是,在返回主要是视觉问题之前,您应该首先更多地关注网站可用性的这些方面。除非您 100% 确定只有 Safari 用户会访问您的网站,否则您真的不应该通过在访问者第一次进入您的网站时向他们展示弹出窗口或错误来让他们感到不受欢迎。
我相信问题在于我正在滚动到具有与哈希匹配的 id 的页面,并且默认跳转到 id 行为覆盖了绑定到后退按钮的动画。
例如,我的链接将指向“#about”,并且我有一个 id 为“about”的元素,因此 Firefox 在我可以对其进行动画滚动之前直接滚动到它。将元素的 id 更改为“page_about”似乎可以解决问题。
您可以在此处查看生产站点:http ://www.erny.com