JavaScript 无法在 <ons-template> - 温泉用户界面中工作

Question

我想在许多页面中使用JavaScript，但它只在<ons-navigator>标签内工作，而不在<ons-template>内工作。你可以看到我的现场例子jsfiddl，请给我解决方案。在示例中，当我向下滚动时，我想显示px位置，但它仅在<ons-navigator>内工作。如何在<ons-template>中使用JavaScript ?

注意:如果你有另一个框架，如onsen和工作JavaScript在缓存页面，请写在评论

Answer 1

您遇到的问题实际上有点不同-这只是您的选择器menu__menu不匹配任何东西。只需要给页面添加一个id就可以监听滚动事件，比如

<ons-page id="myPage">

，然后使用

var content = document.querySelector('#myPage .page__content');

你会好起来的:)

小提琴

注意:你的侧菜单逻辑似乎是创建一个新的页面后，你从那里切换页面-如果你想执行一些代码，每次当一个页面被初始化，你可能想看看init事件-每个页面触发它时，它成为附加到dom。文档