【问题标题】:Website animations running on mobile but not on PC网站动画在移动设备上运行但不在 PC 上
【发布时间】:2017-05-10 07:34:46
【问题描述】:

我正在申请大学,因此正在为自己制作一个在线投资组合类型的网站。它的直播@yadullah.coolpage.biz(忽略域名,你知道的免费域名)

当我在本地运行它时它工作得很好,但是每当我将它上传到域并打开它时,动画都不会加载。但是,经过几次刷新后,它们就开始工作了。
奇怪的是,从手机访问该网站时运行良好。我已经尝试过运行Monument Browser 的Blu Win HD LTE 和一些安卓机型。测试该网站的所有手机都能完美运行。此问题仅在 PC 上仍然存在。

我所有的图片都经过网络优化。我的意思是它们的大小都低于 500kb。除此之外,网站上只有文字。试过 Chrome 和 Safari,问题依然存在

我使用的动画来自 Animate on Scroll 库。看看here

我真的不知道出了什么问题。

【问题讨论】:

  • 您在 PC 上使用什么浏览器访问该网站?
  • @AshMenhennett 谷歌浏览器
  • 你能把你的 JavaScript 贴在这里吗?
  • @AshMenhennett 但我的 java 脚本不以任何方式控制动画......它们由 AoS 库控制
  • 您是否从 HTML 中的 script 标记向 init 方法传递任何数据?即AOS.init({ ... });

标签: jquery html animation web


【解决方案1】:

我认为问题在于动画在大视口上被禁用。也许尝试覆盖默认的disable 属性值。尝试传入null 或不满足的条件。 即

AOS.init({disable: window.innerWidth < 0});

【讨论】:

  • 这样做了,现在动画确实加载了,但有时它们仍然不能随机运行
猜你喜欢
  • 2018-03-04
  • 1970-01-01
  • 2019-06-02
  • 2015-01-26
  • 1970-01-01
  • 1970-01-01
  • 2020-06-24
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多