Title shifts down

[UisgeBeatha436]

I noticed my title shifts down when using Rellax:
<h1 class="title rellax" data-rellax-speed="-3" style="transform: translate3d(0px, 78px, 0px) translate3d(0px, 0px, 0px);">Downloads</h1>

The 78px seems related to the speed setting, i.e. if I enter a speed of 0, than 0px, when -2 than 52px.

I noticed similair behavior when using a div:

<div class="container rellax" data-rellax-speed="-3" style="transform: translate3d(0px, 42px, 0px) translate3d(0px, 7px, 0px);">
              <h1 class="title">Downloads</h1>
            </div>

My js-script:

<script>
    	var rellax = new Rellax('.rellax', {
        // center: true
        callback: function(position) {
            // callback every position change
            console.log(position);
        }
      });
    </script>
    <script type="text/javascript">
    $(document).ready(function() {
      if ($(window).width() >= 991) {

        setTimeout(function() {
          var rellax = new Rellax('.rellax', {
            center: true
          });
        }, 5000);

        var rellaxHeader = new Rellax('.rellax-header');
        var rellaxText = new Rellax('.rellax-text');
      }

    });
  </script>

Can anyone explain the cause and how to solve it?

[shrpne]

Well, when you apply rellax to an element, don't you expect it shifting?