Disabilitare lo Scorrimento sul Corpo

Vorrei disabilitare lo scorrimento HTML body completamente. Ho provato le seguenti opzioni:

  • overflow: hidden; (non di lavoro, non disattivare lo scorrimento, è appena nascosto la barra di scorrimento)
  • position: fixed; (questo ha funzionato, ma è necessario scorrere completamente verso l’alto, il che è inaccettabile per questa specifica applicazione)

Non sono riuscito a trovare alternative a queste due opzioni, ci sono più?

  • per l’elemento che avete applicato overflow:hidden ?
  • Che cosa stai cercando di fare qui? Qual è il tuo obiettivo finale?
  • Mostrando il codice corrispondente sarà più facile aiutarti.
  • overflow: hidden; è il modo per andare. Se non funziona hai qualche altro problema nel css. Provare html, body {overflow: hidden;} se questo non funziona, provare * {overflow: hidden;} e cercare di capire cosa è sbagliato
InformationsquelleAutor | 2015-02-09

 

3 Replies
  1. 183

    Set height e overflow:

    html, body {margin: 0; height: 100%; overflow: hidden}

    http://jsfiddle.net/q99hvawt/

    • dimenticato su “html” prima “del corpo.
    • non funziona se si apre una tastiera su ios
    • Non funziona su iOS quando si dispone di un elemento di overlay che ha fissato in posizione.
  2. 16

    HTML css funziona bene se il tag body non fa nulla si può scrivere così

    <body scroll="no" style="overflow: hidden">

    In questo caso l’override dovrebbe essere sul tag body, è più facile da controllare, ma a volte dà mal di testa.

    • Questo non è valido HTML5
    • Si può si prega di commentare l’errore correlati a HTML5?
    • Il scroll attributo non è valida per la <body> tag. Non è indicato come valido su qualsiasi spec riesco a trovare. w3schools; LETTURA; Quackit
  3. 11

    Questo post è stato utile, ma volevo solo condividere una leggera alternativa che può aiutare gli altri:

    Impostazione max-height invece di height fa anche il trucco. Nel mio caso, sto disabilitare lo scorrimento basato su una classe alterna. Impostazione .someContainer {height: 100%; overflow: hidden;} quando il contenitore altezza è inferiore a quella della viewport avrebbe tratto il contenitore, che non sarebbe ciò che desideri. Impostazione max-height conti per questo, ma se il contenitore altezza è maggiore della viewport è quando cambia il contenuto, ancora disattiva lo scorrimento.

Lascia un commento