locked
scorrimento verticale pagina html RRS feed

  • Domanda

  • Salve a tutti, sto creando un app per Windows phone 8.1 in html

    volevo chiedere, come si può impostare in una pagina html lo scorrimento verticale? E volendo Ce la possibilità di inserire uno scorrimento orizzontale?

    grazie mille

    venerdì 31 ottobre 2014 19:50

Risposte

  • Avevo fatto una prova al volo in questo modo.

    Nel file default.css è presente solamente

    html
    {
    overflow-y: scroll;
    overflow-x: scroll
    }

    E giusto per provare lo scroll nel file default.html ho messo

    <body class="phone">
        <p>Content goes here</p>
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
    </body>

    Dovrebbe funzionare.

    Ciao

    • Contrassegnato come risposta Massimo Aux martedì 4 novembre 2014 19:27
    lunedì 3 novembre 2014 16:06
    Postatore

Tutte le risposte

  • Ciao,

    devi  lavorare con i css.

    Una soluzione è aggiungere questa riga al css della pagina

    html {overflow-y: scroll;overflow-x: scroll}


    lunedì 3 novembre 2014 09:38
    Postatore
  • ho inserito questa riga nel css ma niente.

    html

    {

    overflow-y: scroll;

    overflow-x: scroll


    }



    .itempage

    .content{

    margin-left: 120px;

    margin-right: 120px;

    }

    lunedì 3 novembre 2014 15:23
  • Avevo fatto una prova al volo in questo modo.

    Nel file default.css è presente solamente

    html
    {
    overflow-y: scroll;
    overflow-x: scroll
    }

    E giusto per provare lo scroll nel file default.html ho messo

    <body class="phone">
        <p>Content goes here</p>
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />
    </body>

    Dovrebbe funzionare.

    Ciao

    • Contrassegnato come risposta Massimo Aux martedì 4 novembre 2014 19:27
    lunedì 3 novembre 2014 16:06
    Postatore
  • Ho risolto inserendo nel file item.css questo
    {
    overflow
    -y: scroll;
    overflow
    -x: scroll
    }

     prima sbagliavo e lo inserivo nella pagina.css. però vedendo che avevo messo questo riferimento

       

    <linkhref="/pages/item/item.css"rel="stylesheet"/>

    ho capito che dovevo lavorare sul file item.css

    grazie a te sto capendo sempre più cose!


    • Modificato Massimo Aux martedì 4 novembre 2014 19:27
    martedì 4 novembre 2014 19:27