Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di neo1976
    Registrato dal
    Mar 2015
    Messaggi
    379

    visualizzazione freccia risalita

    ho inserito un bottone di risalita nel sito, ma vorrei che apparisse subito al di sotto della prima schermata del sito, in modo che nella schermata principale non appaia, ma solo scendendo giù.
    C'è un modo tramite css? io avevo pensato di utilizzare le media query e utilizzare display none, ma così devo prevederlo per tutte le tipologie di grandezze di monitor, esiste un modo più immediato?

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,683
    In gergo parliamo di "scroll/back to top button/arrow".

    A meno che tu non stai utilizzando qualche CMS o qualcosa di preconfezionato con cui puoi facilmente impostare la cosa tramite parametri, non c'è nulla di immediato; se lo fai da zero andranno scritte un po' di righe di codice CSS e/o JavaScript.

    Di solito in questi casi il CSS si limita all'effetto applicato per nascondere/mostrare quell'elemento ma l'architettura di funzionamento è una cosa più da JavaScript/jQuery con cui, a grandi linee, andrà impostato un gestore per l'evento scroll e una condizione in cui si controlla il valore di scorrimento che determina se mostrare o nascondere quell'elemento.

    Con qualche ricerca del tipo hide scroll to top button puoi trovare degli snippet già pronti da adeguare poi al tuo elaborato.

    Se vuoi provare ad impostare la cosa in puro CSS prova a cercare qualcosa del tipo scroll to top pure css
    Qualcosa si trova ma, ripeto, in genere è preferibile usare un po' di JavaScript.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Utente di HTML.it L'avatar di neo1976
    Registrato dal
    Mar 2015
    Messaggi
    379
    Quote Originariamente inviata da KillerWorm Visualizza il messaggio
    In gergo parliamo di "scroll/back to top button/arrow".

    A meno che tu non stai utilizzando qualche CMS o qualcosa di preconfezionato con cui puoi facilmente impostare la cosa tramite parametri, non c'è nulla di immediato; se lo fai da zero andranno scritte un po' di righe di codice CSS e/o JavaScript.

    Di solito in questi casi il CSS si limita all'effetto applicato per nascondere/mostrare quell'elemento ma l'architettura di funzionamento è una cosa più da JavaScript/jQuery con cui, a grandi linee, andrà impostato un gestore per l'evento scroll e una condizione in cui si controlla il valore di scorrimento che determina se mostrare o nascondere quell'elemento.

    Con qualche ricerca del tipo hide scroll to top button puoi trovare degli snippet già pronti da adeguare poi al tuo elaborato.

    Se vuoi provare ad impostare la cosa in puro CSS prova a cercare qualcosa del tipo scroll to top pure css
    Qualcosa si trova ma, ripeto, in genere è preferibile usare un po' di JavaScript.
    Perfetto, ho risolto tramite javascript, grazie per l'indicazione.

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