Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2014
    Messaggi
    194

    Overflow visibile partendo dal basso (barra scorrimento invertita)

    Buongiorno, sto lavorando su di una chat e vorrei che gli elementi comparissero in ordine ascendente: ultimo messaggio in basso. Così facendo la barra di scorrimento mi riporta in alto costringendomi a scendere ogni volta. Ho pensato di aggiungere un'ancora a fondo pagina. C'è qualche cos'altro che posso fare? Magari agendo sulla scrollbar.
    Grazie

  2. #2
    se vuoi agire sulla scroll bar:

    con jquery:
    Codice PHP:
    $('html,body').animate({scrollTopdocument.body.scrollHeight},3000); 
    senza jquery (non so se supportato ovunque):
    Codice PHP:
    window.scrollTo(0document.body.scrollHeight || document.documentElement.scrollHeight); 
    oppure puoi assegnare all'ultimo messaggio un id tipo "#lastMsg" e agire sul focus
    Questa volta, più che un voto.. è favoreggiamento.

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2014
    Messaggi
    194
    Ciao, grazie. Il problema è che con animate la pagina si carica sempre dall'alto per poi raggiungere la posizione finale, ed è improponibile per la lettura di una chat in costante aggiornamento.
    A me servirebbe di far partire la barra nella posizione più in basso.

  4. #4
    Codice PHP:
    $("#lastMsg").focus(); 
    non va?
    Questa volta, più che un voto.. è favoreggiamento.

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2014
    Messaggi
    194
    Ciao, è la strada che sto percorrrendo proprio ora. Siccome non si poteva con html o css ne sto discutendo in javascript. Dovrebbe comunque essere
    codice:
    $("#lastMsg").onblur();
    perchè l'ultimo messaggio rimane in basso, fuori dalla div.

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