Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it L'avatar di torrone
    Registrato dal
    Apr 2006
    residenza
    Padova
    Messaggi
    1,128

    dialog jquery e scroll della pagina

    ho una pagina che attiva lo scroll verticale.
    Quando apro un dialog jquery faccio in modo che la pagina non sia accessibile con l'opzione modal impostata a true, però lo scroll della pagina rimane sempre attivo.

    Come faccio a far si che anche lo scroll della pagina si blocchi quando apro il dialog?

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    $( ".selector" ).dialog({
    ...,

    open: function( event, ui ) {
    $('html, body').css(overflow,'hidden');
    },
    close: function( event, ui ) {
    $('html, body').css(overflow,'auto');
    }

    });

    ciao

  3. #3

  4. #4
    Utente di HTML.it L'avatar di torrone
    Registrato dal
    Apr 2006
    residenza
    Padova
    Messaggi
    1,128
    ho notato, che all'apertura sparisce la scroolbar e alla chiusura torna, però anche quando sparisce io posso scrollare la pagina con la rotellina del mause!! altre soluzioni per bloccare lo scroll?

  5. #5
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Prova rilevando l'altezza dello schermo (window.screen) e inserire forzatamente questo dato al body e al html così da "tagliare" il documento


    P.S. Salvati in una variabile d'appoggio l'altezza del documento iniziale perché ti servirà per ripristinare il tutto quando la dialog verrà chiusa.
    Ultima modifica di cavicchiandrea; 07-11-2013 a 08:48
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  6. #6
    Utente di HTML.it L'avatar di torrone
    Registrato dal
    Apr 2006
    residenza
    Padova
    Messaggi
    1,128
    Quote Originariamente inviata da cavicchiandrea Visualizza il messaggio
    Prova rilevando l'altezza dello schermo (window.screen) e inserire forzatamente questo dato al body e al html così da "tagliare" il documento
    Intendi tipo cosi

    $( window ).height()

    oppure

    $( window ).css("height");

    ??


    P.S. Salvati in una variabile d'appoggio l'altezza del documento iniziale perché ti servirà per ripristinare il tutto quando la dialog verrà chiusa.
    $( html ).css("height");

    cosi recupero l'altezza?

  7. #7
    Utente di HTML.it L'avatar di torrone
    Registrato dal
    Apr 2006
    residenza
    Padova
    Messaggi
    1,128
    eeee stranamente oggi con stesso browser e tutto quando si apre il dialog non scrolla

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.