Как сместить перетаскиваемый элемент в JQuery UI?

Question

Я строю горизонтальную перетаскиваемую навигацию с помощью jQuery 2.1.4. После загрузки страницы я хочу сместить положение элемента в перетаскиваемом контейнере, чтобы элемент находился внутри области просмотра.

например. позиции 700 внутри перетаскиваемого контейнера:

В настоящее время установлено значение 0 onload:

// I tried, but this does not work:

$('nav a').position().left = 500;

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div class="draggable">
  <nav>
    <a></a>
    <a></a>
  </nav>
</div>

Как я могу компенсировать загрузку навигационной позиции элемента?