文章/答案/技术大牛

发布

问使用Skrollr与Dart
EN

Stack Overflow用户

提问于 2014-12-07 14:08:05

回答 1查看 217关注 0票数 0

我正在尝试使用Skrollr.js在我的Dart web应用程序中实现一些基于滚动的动画。到目前为止，我在main()中有以下内容：

main() {
  ScriptElement script = new ScriptElement()
    ..type = 'application/javascript'
    ..src = 'skrollr.min.js';
  document.body.children.add(script);
  ScriptElement script2 = new ScriptElement()
    ..type = 'application/javascript'
    ..innerHtml = 'var s = skrollr.init({forceHeight: false});';
  document.body.children.add(script2);

  js.context.callMethod('skrollr', ['init({forceHeight: false})']);
}

由于某些原因，我在运行时会遇到以下错误：

Uncaught ReferenceError: skrollr is not defined and 
Exception: NoSuchMethodError: method not found: 'skrollr'

skroller.min.js已经被放置在index.html旁边的应用程序中，所以我正在寻找关于哪里出了问题的帮助。

此外，如果这是一个纯粹的Dart替代滚动动画，我会很高兴知道，以及。

提前谢谢。

dart

skrollr

dart-js-interop

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-12-08 12:42:33

只需使用：

import 'dart:js'; 

void main() { 
  void keyframe(element, name, direction) {
  } 

  context['skrollr'].callMethod('init', [{'keyframe': keyframe}]); 
}

<!DOCTYPE html> 
<html> 
  <head> 
    <meta charset="utf-8"> 
    <title>skrollr</title> 
    <script type="text/javascript" src="skrollr.min.js"></script> 
  </head> 
  <body> 
    <script type="application/dart" src="main.dart"></script> 
    <script data-pub-inline src="packages/browser/dart.js"></script> 
  </body> 
</html>

这个很管用。没问题。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/27343486

复制

相似问题

问使用Skrollr与Dart
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Skrollr与DartEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Skrollr与Dart
EN