时间戳

首页 > 解决方案 > 在不同离子幻灯片中加载的不同 iframe 中的滑动功能

javascript - 在不同离子幻灯片中加载的不同 iframe 中的滑动功能

问题描述

我有一个离子页面，我在其中使用了离子内容ion-slides，然后在每个页面中ion-slide都有一个iframe加载游戏场景的页面。发生的事情是我无法在不同的 iframe 之间滑动。这是代码：

<ion-content>
  <ion-slides pager="false">
     <ion-slide>
        <iframe src="../assets/game.html" name="game_0">
     </ion-slide>
     <ion-slide>
        <iframe src="../assets/game.html" name="game_1">
     </ion-slide>
     <ion-slide>
        <iframe src="../assets/game.html" name="game_2">
     </ion-slide>
     <ion-slide>
        <iframe src="../assets/game.html" name="game_3">
     </ion-slide>
  <ion-slides>
</ion-content>

当我设置时，底部会出现pager="true"一个小子弹，我可以通过它在场景之间滑动，如果没有它，我怎么能实现相同的功能，因为这不允许与游戏场景进行任何交互，它是一种我不想要的叠加层. 有没有其他方法可以在不使用离子幻灯片的情况下实现相同的滑动效果我正在考虑在我的游戏场景中捕获拖动/滑动事件，然后引发我在离子文件中侦听的自定义 javascript 事件是否可以实现？谢谢divdivpage.ts

标签： javascriptangularionic-framework

解决方案

推荐阅读