MobileFix

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

styles.app.css

html, body {
  margin: 0;
  padding: 0;
  position: 0;
}

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12pt;
}

.header {
 position: fixed;
 top: 0;
 width: 100%;
 background-color: red;
 padding: 10px 10px;
 height: 80px;
 text-align: center;
}

.scroll-parent {
 position: fixed;
 top: 80px;
 bottom: 80px;
 left: 0;
 right: 0;
 overflow-y: scroll;
 overflow-x: hidden;
}

.scrollable-pane {
 height: 2000px;
 background-color: green;
}

.footer {
 position:fixed;
 bottom: 0;
 width: 100%;
 background-color: yellow;
 text-align: center; 
 height: 80px;
 vertical-align: center;
}

.textarea {
  padding: 10px 10px;
  height: 50%;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  background-color: purple;
}

templates.application.hbs

<div class="header">Status</div>
<div class="scroll-parent">
  <div class="scrollable-pane">
 
  </div>
</div>
<div class="footer">
  <div class="textarea">
   {{textarea}}
  </div>
</div>

templates.components.lorem-ipsum.hbs

<div class="item">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pretium ante id egestas consectetur. Duis ac commodo diam. In non dolor pellentesque nisl scelerisque posuere eleifend vitae lacus. Nullam feugiat tortor cursus, semper urna sit amet, imperdiet diam. Nulla ultrices lorem vitae velit vehicula, quis tincidunt eros pellentesque. Praesent interdum risus neque, nec tristique nisi imperdiet pellentesque. In dignissim facilisis est. Duis quis tincidunt metus, vitae malesuada elit. Cras facilisis egestas magna, faucibus malesuada est hendrerit et. Proin commodo pretium aliquet. Pellentesque vitae ultrices velit. Phasellus et sem iaculis ligula blandit viverra. Ut at elit sem. Phasellus lobortis imperdiet erat in iaculis.
</div>

twiddle.json

{
  "version": "0.8.0",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.5.1",
    "ember-data": "2.5.2",
    "ember-template-compiler": "2.5.1"
  }
}