Aurelia 和 UIkit scrollyspy
Aurelia and UIkit scrollyspy
我正在尝试将 UIkit scrollspy 与 aurelia 一起使用，但无法正常工作。我下载了 skeleton-navigation 并用 jspm 安装了 uikit。在 app.js 我有：
import 'uikit';
import 'uikit/css/uikit.css!';
UIkit css 元素工作正常但 scrollspy 不工作。我的 html:
里面有这样的东西
<div class="uk-panel uk-panel-box uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-fade" data-uk-scrollspy="{cls:'uk-animation-fade', repeat: true, delay:1000}"> .... </div>
嗨，我找到了一个简单的方法。
只需在一个静态容器中添加 data-uk-observe 属性。我把它放在我的 index.html 的正文标签中，因为在 aurelia 应用程序中是唯一静态的东西:-)
这样 UIKit 将观察 dom 变化，并在呈现模板时递归搜索新组件
我不确定性能问题，但到目前为止还不错。
示例：
<body aurelia-app="main" data-uk-observe>
我正在尝试将 UIkit scrollspy 与 aurelia 一起使用，但无法正常工作。我下载了 skeleton-navigation 并用 jspm 安装了 uikit。在 app.js 我有：
import 'uikit';
import 'uikit/css/uikit.css!';
UIkit css 元素工作正常但 scrollspy 不工作。我的 html:
里面有这样的东西<div class="uk-panel uk-panel-box uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-fade" data-uk-scrollspy="{cls:'uk-animation-fade', repeat: true, delay:1000}"> .... </div>
嗨，我找到了一个简单的方法。
只需在一个静态容器中添加 data-uk-observe 属性。我把它放在我的 index.html 的正文标签中，因为在 aurelia 应用程序中是唯一静态的东西:-)
这样 UIKit 将观察 dom 变化，并在呈现模板时递归搜索新组件
我不确定性能问题，但到目前为止还不错。
示例：
<body aurelia-app="main" data-uk-observe>