HTML, CSS - Disattiva scorrimento sul corpo

vorrei disabilitare lo scorrimento sul HTML body completamente. Ho provato le seguenti opzioni:HTML, CSS - Disattiva scorrimento sul corpo

overflow: hidden; (che non funziona, non disattivare lo scorrimento, è solo nascosto la barra di scorrimento)
position: fixed; (questo ha funzionato, ma scorrere completamente verso l'alto, che è inaccettabile per questa specifica applicazione)

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

fonte

2015-02-09 Anonymous

per il quale elemento Avete applicato overflow: hidden? –

Che cosa stai cercando di ottenere esattamente qui? Qual è il tuo obiettivo finale? – jbutler483

La visualizzazione del codice pertinente faciliterà l'assistenza. –

Set height e overflow:

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

http://jsfiddle.net/q99hvawt/

fonte

2015-02-09 14:03:12 panther

dimenticarono "html," prima " –

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

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

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

fonte

2015-10-14 14:52:59 Lalo

corpo – Lalo

Questo non è HTML5 valido – mbomb007

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

Impostazione max-height invece di height fa anche il trucco. Nel mio caso, sto disabilitando lo scorrimento in base a un interruttore di classe. L'impostazione di .someContainer {height: 100%; overflow: hidden;} quando l'altezza del contenitore è inferiore a quella del viewport estenderebbe il contenitore, il che non sarebbe quello che desideri. Impostando gli account max-height per questo, ma se l'altezza del contenitore è maggiore di quella del viewport quando il contenuto cambia, si disabilita comunque lo scorrimento.

fonte

2017-12-07 17:01:26 joebjoe

HTML, CSS - Disattiva scorrimento sul corpo

risposta

Problemi correlati