Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 15
  1. #1
    Utente di HTML.it L'avatar di Tristal
    Registrato dal
    Sep 2003
    Messaggi
    630

    testo scorrevole - modificare la barra css

    Salve a tutti,

    ho questo esempio di testo con la barra scorrevole

    http://www.lmadv.it/test/scroll/basic.html

    vorrei modificare la barra azzurrina, che sarebbe quella attiva per far scorrere il testo. Così com'è è troppo lunga, vorrei fosse un quadrato...

    con i css non riesco a modificare

    codice:
    .jspDrag
    {
    	position: relative;
    	top: 0;
    	left: 0;
    	cursor: pointer;
    	width: 10px;
    	background-color: #369;
    	visibility: visible;
    	overflow: visible;
    	height: 10px;
    }
    questo css è della barra azzurrina, se metto l'altezza non me la prende perchè?
    Ogni vita merita le Ali
    Le cose non vanno mai come credi...
    Come si può impedire ad una goccia di asciugarsi? .....gettandola in mare.

  2. #2
    controlla nel js, dovrebbe esserci height:
    Interactive Html/CSS/JS Playground | @webbeloz ( cip..cip! )
    Mechanics & Expert Tuning Fix Z3 Roadster Community

  3. #3
    semplifica la ricerca nel js.

    apri la versione nn .min e cerca/poi modifica, o aggiungi:



    codice:
    $(function()
    {
    	$('.scroll-pane').jScrollPane(
    		{
    			verticalDragMinHeight: 20,
    			verticalDragMaxHeight: 20,
    			horizontalDragMinWidth: 20,
    			horizontalDragMaxWidth: 20
    		}
    	);
    });
    sei OT, ma questo funziona.
    Interactive Html/CSS/JS Playground | @webbeloz ( cip..cip! )
    Mechanics & Expert Tuning Fix Z3 Roadster Community

  4. #4
    Utente di HTML.it L'avatar di Tristal
    Registrato dal
    Sep 2003
    Messaggi
    630
    perfetto grazie mille!!!!
    Ogni vita merita le Ali
    Le cose non vanno mai come credi...
    Come si può impedire ad una goccia di asciugarsi? .....gettandola in mare.

  5. #5
    Originariamente inviato da Tristal
    perfetto grazie mille!!!!
    ottimo!
    Interactive Html/CSS/JS Playground | @webbeloz ( cip..cip! )
    Mechanics & Expert Tuning Fix Z3 Roadster Community

  6. #6
    Utente di HTML.it L'avatar di Tristal
    Registrato dal
    Sep 2003
    Messaggi
    630
    un'altra cosetta.. ecco l'esempio:

    http://www.lmadv.it/test/scroll/brand.html

    come faccio a dare un po' di disctacco tra il testo e la barra di scorrimento?

    in html ho questo css:

    codice:
    <style type="text/css" id="page-css">
    			.scroll-pane
    			{
    	width: 100%;
    	height: 250px;
    	overflow: auto;
    	padding-bottom: 30px;
    	margin-top: 20px;
    			}
    		</style>
    nel codice jquery.jscrollpane.css ho

    codice:
    .jspContainer
    {
    	overflow: hidden;
    	position: relative;
    }
    
    .jspPane
    {
    	position: absolute;
    }
    
    .jspVerticalBar
    {
    	position: absolute;
    	top: 0;
    	right: 0;
    	width: 16px;
    	background-color: #FF0000;
    }
    
    
    
    
    
    
    .jspTrack
    {
    	position: relative;
    	width: 4px;
    	background-color: #999;
    }
    
    
    
    .jspDrag
    {
    	position: relative;
    	top: 0;
    	left: 0;
    	cursor: pointer;
    	width: 4px;
    	background-color: #000;
    	visibility: visible;
    	overflow: visible;
    }
    Ogni vita merita le Ali
    Le cose non vanno mai come credi...
    Come si può impedire ad una goccia di asciugarsi? .....gettandola in mare.

  7. #7
    distacco = spazio?

    usa padding:

    codice:
    padding:5px 10px;
    ovvero:
    padding-top:5px
    padding-right:10px
    padding-bottom:5px
    padding-left:10px

    se nn ho visto male hai già un padding a 0 / zero.
    E sembra essere nella pagina e non file CSS.
    Ma potrebbe essere dato anche dal JS.

    per forzare il CSS devi usare per es.:

    codice:
    padding-right:10px !important;
    Interactive Html/CSS/JS Playground | @webbeloz ( cip..cip! )
    Mechanics & Expert Tuning Fix Z3 Roadster Community

  8. #8
    Utente di HTML.it L'avatar di Tristal
    Registrato dal
    Sep 2003
    Messaggi
    630
    E dove lo inserisco il pedding? Come faccio a dire che lo voglio proprio lì lo spazio? in .scroll-pane? O .jspVerticalBar?
    Ogni vita merita le Ali
    Le cose non vanno mai come credi...
    Come si può impedire ad una goccia di asciugarsi? .....gettandola in mare.

  9. #9
    che browser stai usando in questo momento?
    Interactive Html/CSS/JS Playground | @webbeloz ( cip..cip! )
    Mechanics & Expert Tuning Fix Z3 Roadster Community

  10. #10
    cmq, il browser lo vediamo dopo...

    ora tu hai nello style della pagina:

    codice:
    padding-bottom:30px;
    modifica con:

    codice:
    padding:10px 15px 30px 5px;
    e vediamo nella pagina di esempio come si comporta....
    Se stai lavorando con Explorer, chiudilo e Installa Versione 22 di Firefox (en)
    Interactive Html/CSS/JS Playground | @webbeloz ( cip..cip! )
    Mechanics & Expert Tuning Fix Z3 Roadster Community

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