草庐IT

ios - 如何在 "touching"嵌入 iframe 时禁用滚动?

我正在制作一个移动HTML5应用程序。我已经禁用滚动(并在某些部分启用它)并且一切都很好,但是当我通过iFrame嵌入Youtube视频时问题就开始了。似乎当用户按下iframe时,整个页面都会滚动,我似乎无法找到解决方法。添加事件监听器不起作用。 最佳答案 您真的无法控制iframe中发生的事情。但是如果你想聪明一点,你可以将元素直接放在iframe上,比如div或透明Canvas或任何你想要的,这将捕获所有事件,这样用户就无法按下iframe。不是最理想的,这意味着用户无法按youtube视频上的按钮,但这可能是您唯一的选择。

ios - 如何在 "touching"嵌入 iframe 时禁用滚动?

我正在制作一个移动HTML5应用程序。我已经禁用滚动(并在某些部分启用它)并且一切都很好,但是当我通过iFrame嵌入Youtube视频时问题就开始了。似乎当用户按下iframe时,整个页面都会滚动,我似乎无法找到解决方法。添加事件监听器不起作用。 最佳答案 您真的无法控制iframe中发生的事情。但是如果你想聪明一点,你可以将元素直接放在iframe上,比如div或透明Canvas或任何你想要的,这将捕获所有事件,这样用户就无法按下iframe。不是最理想的,这意味着用户无法按youtube视频上的按钮,但这可能是您唯一的选择。

javascript - 磁性分区 : fixed div inside absolute positioned div

我有以下页面:[LINK]页面被设计为水平滚动,因此一系列div(黑色边框的)出现在一行中。现在,我将较小的div(红色的)设置为永远不会超出父div,但与此同时,在滚动页面时,我希望它们在父div内移动,就像它们是固定的一样-定位。我会用图表来解释。我希望我的div表现得像这样:[LINK]有人可以帮忙吗?感谢您的宝贵时间! 最佳答案 更新创建了一些最小的/实验性的jQuery插件:https://gist.github.com/3177804你应该能够像这样使用它:http://jsfiddle.net/7q3Zu/2/下载并包

javascript - 磁性分区 : fixed div inside absolute positioned div

我有以下页面:[LINK]页面被设计为水平滚动,因此一系列div(黑色边框的)出现在一行中。现在,我将较小的div(红色的)设置为永远不会超出父div,但与此同时,在滚动页面时,我希望它们在父div内移动,就像它们是固定的一样-定位。我会用图表来解释。我希望我的div表现得像这样:[LINK]有人可以帮忙吗?感谢您的宝贵时间! 最佳答案 更新创建了一些最小的/实验性的jQuery插件:https://gist.github.com/3177804你应该能够像这样使用它:http://jsfiddle.net/7q3Zu/2/下载并包

html - ion-infinite-scroll 极少发射

我正在尝试获取ionInfiniteScroll工作-我已经让它在我的应用程序的其他几个地方工作,这个页面实际上几乎与另一个工作正常的页面相同。当我向下滚动时没有任何反应,没有加载图形。我的doInfinite内部有一条控制台消息方法,它永远不会执行...所以doInfinite代码永远不会执行。我在想可能是html结构有问题,因为该方法没有执行:...-->@{{a.username}}{{a.title}}{{a.caption}}-->...NORESULTSdoInfinite方法代码:doInfinite(infiniteScroll){console.log("indoin

html - ion-infinite-scroll 极少发射

我正在尝试获取ionInfiniteScroll工作-我已经让它在我的应用程序的其他几个地方工作,这个页面实际上几乎与另一个工作正常的页面相同。当我向下滚动时没有任何反应,没有加载图形。我的doInfinite内部有一条控制台消息方法,它永远不会执行...所以doInfinite代码永远不会执行。我在想可能是html结构有问题,因为该方法没有执行:...-->@{{a.username}}{{a.title}}{{a.caption}}-->...NORESULTSdoInfinite方法代码:doInfinite(infiniteScroll){console.log("indoin

html - 溢出:自动在 Safari OSX 中不起作用

我有一个Canvas外导航(使用ZurbFoundation)并且我将溢出设置为auto因此如果菜单很长用户可以滚动。它目前在以下浏览器上工作:Chrome火狐互联网浏览器Android浏览器苹果浏览器但不适用于OSX的Safari:它将菜单视为溢出隐藏并且不滚动。这是HTML菜单:HomeAgriculture&NaturalResourcesHome&GardenLawn&GardenTipsGardenQ&APondsTurfgrass&CalendarWeedsInsectsInvasivePlantsWildlifeGoldMedalPlantsFindingArborist

html - 溢出:自动在 Safari OSX 中不起作用

我有一个Canvas外导航(使用ZurbFoundation)并且我将溢出设置为auto因此如果菜单很长用户可以滚动。它目前在以下浏览器上工作:Chrome火狐互联网浏览器Android浏览器苹果浏览器但不适用于OSX的Safari:它将菜单视为溢出隐藏并且不滚动。这是HTML菜单:HomeAgriculture&NaturalResourcesHome&GardenLawn&GardenTipsGardenQ&APondsTurfgrass&CalendarWeedsInsectsInvasivePlantsWildlifeGoldMedalPlantsFindingArborist

javascript - 如果在移动设备上滚动,则防止点击链接

我有很长的垂直链接列表,用户可以滚动浏览这些链接,我需要防止在用户滚动时触发此链接上的click事件(触摸)。在当前情况下,当用户通过点击链接开始滚动时,它还会触发对链接的点击。这显然很糟糕。那么,有什么办法可以防止这种行为吗? 最佳答案 Workingfiddle在这种情况下,我们可以使用一个标志来阻止滚动期间的click事件,并在滚动停止后启用它。要监听滚动停止,您可以使用jQuery的数据方法,它使我们能够将任意数据与DOM节点相关联,并使用setTimeout()函数来检查每250ms如果用户仍然触发滚动,如果没有,它将更改

javascript - 如果在移动设备上滚动,则防止点击链接

我有很长的垂直链接列表,用户可以滚动浏览这些链接,我需要防止在用户滚动时触发此链接上的click事件(触摸)。在当前情况下,当用户通过点击链接开始滚动时,它还会触发对链接的点击。这显然很糟糕。那么,有什么办法可以防止这种行为吗? 最佳答案 Workingfiddle在这种情况下,我们可以使用一个标志来阻止滚动期间的click事件,并在滚动停止后启用它。要监听滚动停止,您可以使用jQuery的数据方法,它使我们能够将任意数据与DOM节点相关联,并使用setTimeout()函数来检查每250ms如果用户仍然触发滚动,如果没有,它将更改