r2548 - consider scroll when positioning
Author: joern.zaefferer
Date: Wed May 13 03:52:11 2009
New Revision: 2548
Modified:
branches/photoviewer/ui/ui.photoviewer.js
Log:
consider scroll when positioning
Modified: branches/photoviewer/ui/ui.photoviewer.js
==============================================================================
--- branches/photoviewer/ui/ui.photoviewer.js (original)
+++ branches/photoviewer/ui/ui.photoviewer.js Wed May 13 03:52:11 2009
@@ -70,7 +70,10 @@
var self = this,
visible = this.viewerElement && this.viewerElement.is(":visible");
this.currentAnchor = anchor;
- this._overlay().fadeIn();
+ this._overlay().css({
+ left: $(window).scrollLeft(),
+ top: $(window).scrollTop()
+ }).fadeIn();
if (direction) {
this._viewer().effect("drop", {
@@ -86,8 +89,8 @@
self._resize($(this));
}
$(this).css({
- left: $(window).width() / 2 - $(this).outerWidth() / 2,
- top: $(window).height() / 2 - $(this).outerHeight() / 2
+ left: $(window).width() / 2 - $(this).outerWidth() / 2 +
$(window).scrollLeft(),
+ top: $(window).height() / 2 - $(this).outerHeight() / 2 +
$(window).scrollTop()
});
if (visible) {
$(this).effect("drop", {
@@ -154,7 +157,7 @@
if (!this.options.overlay)
return $([]);
if (!this.overlayElement) {
- this.overlayElement =
$("<div/>").addClass("ui-widget-overlay").css("opacity",
0.8).hide().appendTo(document.body);
+ this.overlayElement =
$("<div/>").addClass("ui-widget-overlay").hide().appendTo(document.body);
}
return this.overlayElement;
}