Jquery.fn.center - как кодировать переход и убрать функцию центра? - PullRequest
Новая
       8

Jquery.fn.center - как кодировать переход и убрать функцию центра?

0 голосов
/ 01 февраля 2019 
<div id="click">GO TO CENTER</div>
<div id="back">BACK</div>

<div id="popLayer"></div>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

#popLayer {
  width:100px;
  height:100px;
  background:red;
  top:50px;
  left:100px;
  position:relative;
}

.original {
  top:50px;
  left:100px;
  position:relative;
}

// 

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) + "px");
    this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) + "px");
    return this;
}


$("#click").click(function() {
  $("#popLayer").center();

});

$("#back").click(function() {
  $("#popLayer").addClass("original");
});

Когда я использую функцию jQuery.fn.center, могу ли я кодировать переход (перемещение)?

Я просто хотел кодировать переход, затемне появится сразу в центре, это будет динамически.

Возможно ли, что я верну его в исходное место, где находилась коробка, после того, как я установил "центр".

...