Lightbox erzwingt vertikalen Scrollbalken im IE
hahe
- javascript
Einen schönen guten Tag zusammen, vieleicht kann mir jemand helfen.
Ich habe inzwischen eine Lightbox gefunden mit der ich gut klarkomme und die mir gefällt.
Leider erzwingt sie im IE einen vertikalen Scrollbalken obwohl dieser nicht nötig wäre (Im Opera ist er nicht zu sehen!).
Hier könnt ihr es ansehen: http://www.mehrfachbenutzung.de/light/lightbox.html
Ich habe bereits versucht etwas im JS unter der Funktion "getPageSize" zu ändern, aber das hat nichts gebracht, es war nur ein Versuch den über Google fand.
Die Stelle sieht so aus:
LyteBox.prototype.getPageScroll = function() {
if (self.pageYOffset) {
return this.isFrame ? parent.pageYOffset : self.pageYOffset;
} else if (this.doc.documentElement && this.doc.documentElement.scrollTop){
return this.doc.documentElement.scrollTop;
} else if (document.body) {
return this.doc.body.scrollTop;
}
};
LyteBox.prototype.getPageSize = function() {
var xScroll, yScroll, windowWidth, windowHeight;
if (window.innerHeight && window.scrollMaxY) {
xScroll = this.doc.scrollWidth;
yScroll = (this.isFrame ? parent.innerHeight : self.innerHeight) + (this.isFrame ? parent.scrollMaxY : self.scrollMaxY);
} else if (this.doc.body.scrollHeight > this.doc.body.offsetHeight){
xScroll = this.doc.body.scrollWidth;
yScroll = this.doc.body.scrollHeight;
} else {
xScroll = this.doc.getElementsByTagName("html").item(0).offsetWidth;
yScroll = this.doc.getElementsByTagName("html").item(0).offsetHeight;
xScroll = (xScroll < this.doc.body.offsetWidth) ? this.doc.body.offsetWidth : xScroll;
yScroll = (yScroll < this.doc.body.offsetHeight) ? this.doc.body.offsetHeight : yScroll;
}
if (self.innerHeight) {
windowWidth = (this.isFrame) ? parent.innerWidth : self.innerWidth;
windowHeight = (this.isFrame) ? parent.innerHeight : self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) {
windowWidth = this.doc.documentElement.clientWidth;
windowHeight = this.doc.documentElement.clientHeight;
} else if (document.body) {
windowWidth = this.doc.getElementsByTagName("html").item(0).clientWidth;
windowHeight = this.doc.getElementsByTagName("html").item(0).clientHeight;
windowWidth = (windowWidth == 0) ? this.doc.body.clientWidth : windowWidth;
windowHeight = (windowHeight == 0) ? this.doc.body.clientHeight : windowHeight;
}
var pageHeight = (yScroll < windowHeight) ? windowHeight : yScroll;
var pageWidth = (xScroll < windowWidth) ? windowWidth : xScroll;
return new Array(pageWidth, pageHeight, windowWidth, windowHeight);
};
Das komplette Skript könnt ihr hier ansehen:
http://www.mehrfachbenutzung.de/light/lytebox.js
Vieleicht weiß hier jemand ja etwas dazu, ich würde mich sehr freuen.
Liebe Grüße, hahe