WebSite X5Help Center

 
Alessio C.
Alessio C.
User

Barra Laterale adattabile  it

Auteur : Alessio C.
Visité 1132, Followers 1, Partagé 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.

Posté le
10 RéPONSES - 1 UTILES
Fabio C.
Fabio C.
User

Metti un link per capire meglio.

Lire plus
Posté le de Fabio C.
Alessio C.
Alessio C.
User
Auteur

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??

Lire plus
Posté le de 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;

.

Lire plus
Posté le de  ‪ 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

Lire plus
Posté le de Fabio C.
Alessio C.
Alessio C.
User
Auteur

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!!!

Lire plus
Posté le de 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...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Alessio C.
Alessio C.
User
Auteur

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

Lire plus
Posté le de Alessio C.
Alessio C.
Alessio C.
User
Auteur

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

Grazie per l'aiuto

Lire plus
Posté le de 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...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪