• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

html - 在 iOS 上为 Ionic 中的两个键盘腾出空间

[复制链接]
菜鸟教程小白 发表于 2022-12-12 15:08:06 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

所以我在 Ionic View 的页脚中有一个标签栏和一个输入,如下图所示:

enter image description here

但是当我单击底部的输入字段时,似乎为两个键盘留出了空间,如下所示:

enter image description here

我可以在输入字段下方的空间中滚动以将其放回应有的位置,但我不知道如何将其放回原处。

这是选项卡和 View 的代码:

    <ion-tabs class="tabs-icon-top">
        <ion-tab title="Tab 1" icon="ion-ionic">
            <ion-nav-view name="tab-one">
                <ion-content>
                    <h1>Header 1</h1>
                    <h2>Header 2</h2>
                    <h3>Header 3</h3>
                </ion-content>
                <ion-footer-bar keyboard-attach class="bar-stable item-input-inset">
                    <label class="item-input-wrapper">
                        <input type="text" placeholder="Type your message">
                    </label>
                    <button class="button button-clear">Send</button>
                </ion-footer-bar>
            </ion-nav-view>
        </ion-tab>
        <ion-tab title="Tab 2" icon="ion-ionic">
            <ion-nav-view name="tab-two">
                2
            </ion-nav-view>
        </ion-tab>
        <ion-tab title="Tab 3" icon="ion-ionic">
            <ion-nav-view name="tab-three">
                3
            </ion-nav-view>
        </ion-tab>
    </ion-tabs>

我在没有使用 keyboard-attach 的情况下尝试过,但它会将屏幕上半部分的所有内容(包括导航栏,如果有的话)推离我的屏幕不想发生。

所以基本上我希望输入字段在选择时位于键盘正上方,并且内容不会被推离页面顶部。

非常感谢任何帮助!

ionic 版本:1.3.20

Cordova 版本:4.3.0

Xcode 版本:6.3



Best Answer-推荐答案


将这个添加到 app.js 中的 run 函数解决了我的问题

cordova.plugins.Keyboard.disableScroll(true);

关于html - 在 iOS 上为 Ionic 中的两个键盘腾出空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29846816/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap