【问题标题】:To disable bouncing effect in ios scroll ionic 3在 ios scroll ionic 3 中禁用弹跳效果
【发布时间】:2018-02-28 05:12:24
【问题描述】:

我尝试了一些方法来禁用反弹效果将 no-bounce 属性设置为 ion-content

<ion-content no-bounce></ion-content>

并为 ion-content 添加样式以禁用反弹。仍然无法解决我的问题。

【问题讨论】:

  • 您对这个问题有任何更新吗?我遇到了同样的问题,没有解决方案。
  • 直到没有解决方案。弹跳是 ios 功能的一部分。如果我们尝试禁用滚动,它会像 ionic 团队提到的那样不稳定..
  • 伙计,它对我有用。我放了 no-bounce has-bounceing="false" 和我的 ion-content 并且它起作用了。我的愚蠢错误是仅使用 cordova run ios --device 进行测试,当我将 ionic 放在前面时,它会再次生成项目,现在它就像一个魅力。
  • @FelipeFerreiradoAmaral 将此作为答案发布,我关注了您的评论,它对我有用。
  • @FelipeFerreiradoAmaral 先生,我遇到了同样的问题,弹跳效果以及滚动在 iphone7 设备中不起作用以及屏幕冻结但在另一个 iphone 列表中滚动,您知道先生为什么列出不是只在iphone7上滚动吗?

标签: angular ionic3


【解决方案1】:

它适用于 Ionic 4。 (对不起,我没有解释)。

<ion-content no-bounce has-bouncing="false" forceOverscroll="false">

【讨论】:

    【解决方案2】:

    几个小时后,我从 Github 问题中找到了答案,我想分享解决方案,然后将禁用 iOS 设备中的反弹效果。

    步骤:

    1. 运行命令,ionic cordova platform add ios &amp;&amp; ionic cordova prepare ios
    2. 然后找到CDVWKWebViewEngine.m,里面/platforms/ios/&lt;ionic-project&gt;/Plugins/cordova-plugin-ionic-webview/
    3. 将这行代码放在行的底部并保存。
    @implementation UIScrollView (NoBounce)
    - (void)didMoveToWindow {
       [super didMoveToWindow];
       self.bounces = NO;
    }
    @end
    

    信用链接:https://github.com/ionic-team/ionic-v3/issues/113

    在 Ionic 4 上测试,在 iOS 设备上运行

    【讨论】:

    • 非常感谢雪,我终于解决了上述问题,感谢以上解决方案
    • 电容怎么做?
    【解决方案3】:

    对于离子 4

    <ion-content forceOverscroll="false">
    

    只使用 forceOverscroll="false" 对我有用,文档说相反

    【讨论】:

      【解决方案4】:

      版本:Ionic 5+

      似乎有多种方式:

      禁用反弹和禁用垂直滚动:

      <ion-content scrollY="false">
      

      问题 这也一般会禁用滚动,这可能是人们现在想要的。

      在不禁用滚动的情况下禁用反弹:

      <ion-content forceOverscroll="false">
      

      这在我的情况下非常有效,尽管 the documentation 对此标志有点困惑。

      【讨论】:

        【解决方案5】:

        我用这个解决了我的问题:

        <ion-content scrollY="false">
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2018-11-10
          • 2020-04-08
          • 2020-10-15
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多