Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2001
    residenza
    Napoli, Italia
    Messaggi
    1,059

    Elemento fisso si sposta allo scroll

    Ho un elemento (div) che funge da contenitore della barra dei menu.
    L'elemento si presenta con questo codice:
    codice:
    <div class="header-top" id="topbar">
    Il CSS relativo è:
    codice:
    .header-top {    
        height:28px;
        position:fixed !important;
        top:0;
        width:100%;
        z-index:100;
        box-sizing:border-box;
        font-family:'Barlow Semi Condensed', sans-serif;
        font-weight:bold;
        font-size:18px;
        line-height:18px;
        color:#651f1f;
        background-color:#658d8c;
    }
    #topbar {
        position:fixed !important;
    }
    Ma quando faccio scroll (con la rotellina del mouse) si sposta parzialmente, ovvero sale di circa la metà della sua altezza (scomparendo in parte oltre il margine superiore dello schermo) per poi bloccarsi. Se poi scrollo verso l'alto, torna in posizione regolare. Eppure il position:fixed non mi ha mai dato di questi problemi...
    Da cos'altro può dipendere?
    metatad
    graphic & web design

  2. #2
    Verifica che non ci sia codice javascript associato a quella #topbar altrimenti potrebbe esserci un contenitore al di sopra della #topbar che ha qualche regola che influisce sulla position di #topbar

    vedi qui: https://developer.mozilla.org/en-US/...ed_positioning
    @andreagius - Laravel + Vuejs - @kaleskop

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 © 2019 vBulletin Solutions, Inc. All rights reserved.