【问题标题】:Ionic Deformed screen when swiping the finger滑动手指时离子变形屏幕
【发布时间】:2017-02-21 20:03:11
【问题描述】:

当我在IONIC应用程序的屏幕上滑动手指时,屏幕刚刚变形,我该如何解决?

下面是我的屏幕图片:

红色包裹的区域是bug。

【问题讨论】:

    标签: javascript css ionic-framework


    【解决方案1】:

    您可以尝试以下 CSS —— 防止 body 元素溢出浏览器窗口。

    body {overflow-x: hidden;}
    

    【讨论】:

    • 这对我不起作用,显示以下消息:无效的属性值
    • 显然这不是水平滚动,而是变形,类似于视图中的变换,问题是我找不到可能导致这种情况的原因
    【解决方案2】:

    我设法解决了,经过很长时间我发现了一个具有以下样式的离子类:

        .pane, .view {
            position: absolute;
            top: 0;
            height: 100%;
            background-color: #fff;
            overflow: hidden; 
       }
    

    并做了以下改动:

        .pane, .view {
            position: initial;
            top: 0;
            height: 100%;
            background-color: #fff;
            overflow: inherit;
       }
    

    【讨论】:

    • 好吧,我想我对我的解决方案不太满意,它适用于 IOS 设备,但对于 android 我没有成功
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-04-11
    • 1970-01-01
    • 2011-02-11
    • 1970-01-01
    • 1970-01-01
    • 2018-05-06
    相关资源
    最近更新 更多