LINEをhtmlで作られていると仮定すると、メッセージ表示部分 + 入力欄(フッター)と分けることができ、
入力欄のonfocusイベント等でフッター内の表示する部分(ソフトウェアキーボード)のcssを変更することで、実現可能かと思います。
html
1<div class ="main" onclick ="hide()">メインメッセージ部分イメージ</div>
2<div class ="footer">
3<input type="text"onblur ="show()">
4 <div class ="keyboard">キーボード部分</div>
5</div>
css
1
2.footer{
3 position: absolute;
4 bottom: -300px;
5}
6
7.keyboard{
8 background-color:red;
9 color:"white";
10 height : 300px;
11}
javascript
1var show = function(){
2 console.log("show") ;
3 //スタイルをい
4}
5
6var hide =function(){
7 console.log("hide") ;
8 document.querySelector(".footer").style.bottom ="-300px" ;
9}
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/06/08 07:49
2017/06/08 09:00