Wie lock scrolling of a web-Seite vorübergehend?

Wie kann ich sperren, scrollen einer Webseite vorübergehend, wenn ein Dialogfeld angezeigt wird ? Ich habe ein Dialogfeld, in die ich aktivieren möchten, scrollen nach Deaktivierung scrollen von der überlagert Webseite.

Ist es ein js-Befehl, um vorübergehend deaktivieren scrollen ?

InformationsquelleAutor Rajat Gupta | 2011-06-20
  1. 9

    Konnten Sie eine container-element oder vielleicht sogar den Körper zu overflow: hidden mit einer Breite und Höhe des browser-Fensters. Auf diese Weise überquellenden Inhalt fallen über die Seite und scroll bars werden nie angezeigt. Dies kann eingestellt werden in einer css-Anweisung wie body.dialog-open { overflow: hidden; }. Dann können Sie hinzufügen und entfernen Sie die .dialog-open classname, wenn der dialog sich öffnet und schließt.

    Breite und Höhe möglicherweise nicht erforderlich, wenn diese Einstellung auf den Körper, aber ich würde um zu überprüfen, browser-Kompatibilität auf. Vielleicht bekommen einige unerwartete Ergebnisse gibt.

    Bearbeiten:
    Wenn Sie möchten, scrollen innerhalb Ihres dialog können Sie festlegen overflow: auto es, mit einer Höhe festgelegt, die auf das element.

    Älteren Browsern (vor allem IE) zeigen eine horizontale Bildlaufleiste angezeigt, wie auch, Sie haben könnten zu setzen overflow-x: hidden wenn das der Fall ist.

    Siehe auch: CSS div-element, - wie um zu zeigen, horizontalen scroll-Balken nur? für weitere Informationen über Bildlaufleisten.

    • Hüten Sie sich auch davor, dass die Oper hat eine alte bug, wodurch es zu ignorieren overflow:hidden bei der Verwendung der scroll-Rad. (Keine einfache Problemumgehung entweder)
    • Zunächst die Webseite ist Scrollbar, aber nur für die Zeit der dialog isdisabled, ich will vorübergehend zu deaktivieren, scrollen, so dass ich denke, Ihr sol. wird nicht funktionieren
    • Es wird. Sie können fügen Sie einfach einen Klassennamen für den Körper, wenn das Dialogfeld geöffnet wird, und entfernen Sie es, wenn es geschlossen wird. Werde den Beitrag aktualisieren, hinzufügen diese.
    • er fragte, JavaScript
    InformationsquelleAutor Kamiel Wanrooij
  2. 22

    BEARBEITEN Versuchen Sie dies:

    Im Dialogfeld öffnen (entfernen der Bildlaufleiste und verhindern, dass Benutzer einen Bildlauf):

      $('body').css({'overflow':'hidden'});
  $(document).bind('scroll',function () { 
       window.scrollTo(0,0); 
  });

    Dialog Schließen ("der Benutzer scrollen wieder):

     $(document).unbind('scroll'); 
  $('body').css({'overflow':'visible'});
    • DIESE. Ich danke Ihnen so sehr. Ich war auf der Suche für Stunden, um etwas zu finden wie diese. Es ist die einzige wirklich funktionierende Lösung, die auf allen Browsern, die ich getestet habe bisher.
    InformationsquelleAutor Limpan
Schreibe einen Kommentar