Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
4.6k views
in Technique[技术] by (71.8m points)

html - Why does page move up when keyboard appears on mobile device?

Is there a way to stop a page scrolling when the keyboard is bought up? Currently if I click on a search box, it is bringing up the keyboard and moving the page up which hides the header on mobile device.

    return (
     <container>
      <main>
      <div className="searchForm">
      <header>Products</header>
        <form>
          <input
            placeholder="Search for product"
            value={this.state.product}
            onChange={this.handleInputChange}
          />

          <footer>
          <p><a href="google.com"</a></p>
          </footer>
        </form>
      </div>
      </main>
     </container>
    );
  }
}

I have looked at other threads and tried but no luck. Similar example: CSS - Chrome Mobile - Page move up when keyboard appears


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
等待大神解答

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...