首页 文章

防止在不需要键盘显示的输入上使用scrollAssist和autoFocus

提问于
浏览
6

我使用Ionic 2构建了一个Angular Reactive Form .

当我触摸页面底部的输入时,页面将滚动,因此输入位于键盘上方 . 预期的行为,好吧 . 但是 Headers 也是推,这是错误的 .

所以我在互联网上查找了一个解决方法,即在app.module.ts的import语句中编写以下内容

// app.module    
IonicModule.forRoot(MyApp, {
   scrollAssist: true,
   autoFocusAssist: true
})

这确实很有效,因为页面仍然滚动, Headers 不会被推开 .

但我还有一个问题 . 当我触摸不需要显示键盘的输入(例如,datepicker)时,页面在第一次触摸时滚动,我必须再次触摸,以便日期选择器打开...

关于我怎么可能的任何想法可能会阻止页面在触摸不需要键盘的输入时自动滚动?

1 回答

  • 0

    这可以通过使用 input component的两个属性来实现 . 首先,您可以将 readonly 属性设置为true,然后添加 click Eventlistner以打开 DatePicker ,然后使用输入的 placeholder 属性来显示 DatePicker 的值 .

    我希望这可以帮助您找到解决方案 . 让我知道这个是否奏效 .

    Good Luck & Cheers

    Ashish Sebastian

相关问题