That's the problem, it seems that every way to have a fixed element does not work. The following is an example:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<title>FixedDiv</title>
<style type="text/css">
#fixedDiv {
position: fixed;
top: 0px;
}
</style>
</head>
<body>
<div id="fixedDiv">This should stay fixed. </div>
<div>Line 1</div>
<div>Line 2</div>
<div>Line 3</div>
<div>Line 4</div>
<div>Line 5</div>
<div>Line 6</div>
<div>Line 7</div>
<div>Line 8</div>
<div>Line 9</div>
<div>Line 10</div>
<div>Line 11</div>
<div>Line 12</div>
<div>Line 13</div>
<div>Line 14</div>
<div>Line 15</div>
<div>Line 16</div>
<div>Line 17</div>
<div>Line 18</div>
<div>Line 19</div>
<div>Line 20</div>
<div>Line 21</div>
<div>Line 22</div>
<div>Line 23</div>
<div>Line 24</div>
<div>Line 25</div>
<div>Line 26</div>
<div>Line 27</div>
<div>Line 28</div>
<div>Line 29</div>
<div>Line 30</div>
<div>Line 31</div>
<div>Line 32</div>
<div>Line 33</div>
<div>Line 34</div>
<div>Line 35</div>
<div>Line 36</div>
<div>Line 37</div>
<div>Line 38</div>
<div>Line 39</div>
<div>Line 40</div>
<div>Line 41</div>
<div>Line 42</div>
<div>Line 43</div>
<div>Line 44</div>
<div>Line 45</div>
<div>Line 46</div>
<div>Line 47</div>
<div>Line 48</div>
<div>Line 49</div>
</body>
</html>
