Как выровнять диалоговое окно под кнопкой JQuery

Есть код JQuery, который подставляет окно точно под кнопку "Корзина". Но если кнопка располагается в правом углу экрана, всплывающее под ней окно выходит за размер экрана. Как можно сделать, что бы это окно подстраивалось под положение экрана и не уезжало?

let position = this.offset(); 
  if (pos.top >= $(document).height() / 2 && pos.left >= $(document).width() / 2 ){
$("#okno")
     .css({
       top:'${position.top + 20}px',
       left: '${position.left}px'
    })
    .show();

Неправильное условие вычисления, но не пойму, что не так