So deaktivieren Sie die Scrollbalken mit JavaScript?

Brauche ich Schloss den browser-scrollbars, wenn ich zeigen eine div, die ein modales Fenster im Internet Explorer 7 nur.
Googeln fand ich, dass ich document.body.style.overflow='hidden' aber dies funktioniert nicht bei IE7. Ich habe auch versucht mit document.body.scroll="no" das funktioniert aber nur, nachdem ich mit der Maus über die Bildlaufleiste :-S

Jemand kennt eine bessere Vorgehensweise?

Thansks

InformationsquelleAutor Flupkear | 2009-01-07
  1. 13

    Zur Beantwortung Ihrer verschiedenen Fragen (einschließlich der, die in deinem anderen Kommentar), ich denke, du verwendest die falsche Positionierung Methode.

    Versuchen position:fixed. Es ist im Grunde das gleiche wie position:absolute abgesehen von der relativen zur absoluten viewport. Sprich: wenn der Benutzer scrollt, wird das Element bleibt an der gleichen Stelle auf dem Bildschirm.

    Also mit diesem im Verstand, können Sie das Layout einer position:fixed overlay. Innerhalb dieser können Sie Ihre position:absolute (oder fixed wieder,, wenn Sie bevorzugen -- es sollte nicht einen Unterschied machen) modal box.

    • Vielen Dank, dass gerade das problem gelöst. Ich dachte ich kenne fast alles über CSS, bis jetzt 😛 nochmals vielen Dank.
    • Vielen Dank ich hätte das nie erkannt! Sie mir den Arsch gerettet.
    • Ich kannte den Unterschied, aber ich nicht wusste, Wann Sie jeweils, bis Sie Ihre Antwort. Danke.
    • Beachten Sie, dass "position:fixed" ist einer der CSS2-Eigenschaften, die verursacht Probleme in IE6. Also diese Lösung wird nicht funktionieren, wenn Sie zur Unterstützung von IE6 neben IE7.
    InformationsquelleAutor Oli
  2. 2

    Stellen Sie Ihre modalen overlay-div zu füllen, den Körper, so dass selbst wenn Sie Blättern Sie es gibt nichts Sie tun können, weil alles drunter verbirgt es.

    • wie kommst du auf die Größe des Viewports im IE7? Ich kann nicht die Reale Größe der Körper mit diesen: Fenster.innerHeight, Dokument.Körper.scrollHeight, document.Körper.offsetHeight, document.documentElement.clientHeight, Dokument.Körper.clientHeight Die Seite hat eine Größe von rund 2000 Pixel
    • kannst du nicht einfach 100%
    • Wenn Sie jquery verwenden, können Sie nur tun, $("body").width() und $("body").Höhe (), um die Körper Breite und Höhe in eine cross-browser-kompatiblen Art und Weise.
    • Die Anwendung an der ich arbeite nutzt Prototyp, ich konnte nicht einen Weg finden, mit dem Prototyp, um die Reale Höhe. Höhe 100% funktioniert auch nicht. Ich fixierte es mit position:fixed
    InformationsquelleAutor Joel Coehoorn
  3. 0

    können Sie auch ausblenden von Bildlaufleisten durch die Verwendung overflow:hidden so dass der Benutzer nicht sehen, die scollbars, damit es nicht in Versuchung kommen, zu scoll herum:)

    InformationsquelleAutor Quamis
  4. 0

    Diese können Ihnen helfen:

    documentOBJ = {
    /*Width and Height of the avaible viewport, what you'r seeing*/
    window : {
        x : function(){return (document.documentElement && document.documentElement.clientWidth) || window.innerWidth || self.innerWidth || document.body.clientWidth; },
        y : function(){return (document.documentElement && document.documentElement.clientHeight) || window.innerHeight || self.innerHeight || document.body.clientHeight;}
    },

    /*Scroll offset*/ 
    scroll : {
        x : function(){return ( document.documentElement && document.documentElement.scrollLeft) || window.pageXOffset || self.pageXOffset || document.body.scrollLeft; },
        y : function(){return ( document.documentElement && document.documentElement.scrollTop) || window.pageYOffset || self.pageYOffset || document.body.scrollTop; }
    },

    /*Height and width of the total of the xhtml in a page*/
    page : {
        x : function(){return (document.documentElement && document.documentElement.scrollWidth) ? document.documentElement.scrollWidth : (document.body.scrollWidth > document.body.offsetWidth) ? document.body.scrollWidth : document.body.offsetWidth; },
        y : function(){return (document.documentElement && document.documentElement.scrollHeight) ? document.documentElement.scrollHeight : (document.body.scrollHeight > document.body.offsetHeight) ? document.body.scrollHeight : document.body.offsetHeight; }
    },
    pointer : {}
}
    InformationsquelleAutor nahum silva
Schreibe einen Kommentar