WebSite X5Help Center

 
Alessio C.
Alessio C.
User

Barra Laterale adattabile  it

Autore: Alessio C.
Visite 858, Followers 1, Condiviso 0  

Buongiorno,

è possibile far si che la barra laterale di adatti all'altezza della risoluzione monitor?

Cero di spiegarmi, ho una barra laterale composta da una serie di "bottoni" uno sotto all'altro. Nelle risoluzioni 1920 e 1600 (ho impostato vari breakpoint) li vedo tutti, a risoluzioni inferiori (1024 e 1280) invece finiscono fuori dalla pagina rimanendo quindi non visibili a meno di scorrere verso il basso fino a fondo pagina.

Esiste un modo per adattare la barra in modo che resti sempre tutta visibile nella sua interezza??

Grazie a chi potrà aiutarmi.

Postato il
10 RISPOSTE - 1 UTILE
Fabio C.
Fabio C.
User

Metti un link per capire meglio.

Leggi di più
Postato il da Fabio C.
Alessio C.
Alessio C.
User
Autore

finalmente vi posso linkare il sito :)... https://domobianca365.it

Quello che vorrei in realtà è poter far scorrere la barra laterale. Mi piacerebbe, posizionando il mouse sulla barra, fare lo scroll come si fa sulla pagina, perchè con monitor grandi riesco a vedere tutta la barra nella sua interezza, su monitor più piccoli invece la barra "esce" dallo schermo e per vedere gli ultimi pulsanti devo scorrere fino a fondo pagina.

Esiste qualche soluzione??

Leggi di più
Postato il da Alessio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Alessio C.
finalmente vi posso linkare il sito :)... https://domobianca365.it Quello che vorrei in realtà è poter far scorrere la barra laterale. ... ... ... ...  Esiste qualche soluzione??

... abilita lo scroll con l'istruzione: overflow-y: scroll;

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Fabio C.
Fabio C.
User

Al passo 2--->Modello--->Struttura del Modello--->Barra laterale togli la spunta da Su scroll della pagina, mantieni gli oggetti sempre visibili

Leggi di più
Postato il da Fabio C.
Alessio C.
Alessio C.
User
Autore

Patrizia, grazie ma non è quello che voglio.

KolAsim, ho provato con questo script:

<style>
#imSideBarObjects{
position: relative; width: 160px; height: 90%; top:180px;
overflow-y: scroll;
}
</style>

in questo modo la cosa funziona bene, però mi compare la barra di scorrimento sul fianco della barra laterale e non la voglio vedere!!

Ho provato a mettere overflow-y: hidden; e così la barra scompare ma lo scroll non funziona più.

AIUTO!!!

Leggi di più
Postato il da Alessio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Alessio C.
... ...  KolAsim, ho provato con questo script: *** in questo modo la cosa funziona bene, però mi compare la barra di scorrimento sul fianco della barra laterale e non la voglio vedere!! ... ... 

... OK, ... hai interpretato correttamente, ed è così che funziona ...

... altrimenti, senza codice, si deve scrollare tutta la pagina per vedere il finale del menu, che a saperlo, poi non è tanto male...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Alessio C.
Alessio C.
User
Autore

Ok, ma quindi non c'è modo di avere lo scroll senza barra di scorrimento?

Leggi di più
Postato il da Alessio C.
Alessio C.
Alessio C.
User
Autore

Ho risolto inserendo del codice extra per personalizzare la barra di scorrimento.

Grazie per l'aiuto

Leggi di più
Postato il da Alessio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Alessio C.
Ho risolto inserendo del codice extra per personalizzare la barra di scorrimento. Grazie per l'aiuto

... sì, puoi farlo, ma tieni presente che forse non sarà 100% compatibile; ...verifica su diversi browser e dispositivi vari...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪