aşağıdaki kod iyi hoş çalışıyor;

$('#myBtn').click(function(e) {
var id = '#mahmut';
var winH = $(window).height();
var winW = $(window).width();
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
});

ama sayfada scroll varsa ve biraz aşağı kaydırılmışsa mahmut pencerenin ortasında değil de yukarıda kalıyor. istiyorum ki ne kadar scroll yaparsam yapim myBtn'a her tıkladığımda #mahmut her zaman pencerenin tam ortasında çıksın.

nedir?

 

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

Kullanılışı: $("#mahmut").center()

screamshot

$(id).css('top', winH/2-$(id).height()/2 + $(window).scrollTop());
$(id).css('left', winW/2-$(id).width()/2 + $(window).scrollLeft());

seklinde dener misin bir?

fader

of, süpersiniz ;) ben de scrollTop'ı arıyordum :)

altinci nesil caylak
1

mobil görünümden çık