WebSite X5Help Center

 
Alessio C.
Alessio C.
User

Barra Laterale adattabile  it

Autor: Alessio C.
Visitado 884, Seguidores 1, Compartilhado 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.

Publicado em
10 RESPOSTAS - 1 ÚTIL
Fabio C.
Fabio C.
User

Metti un link per capire meglio.

Ler mais
Publicado em de Fabio C.
Alessio C.
Alessio C.
User
Autor

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

Ler mais
Publicado em 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;

.

Ler mais
Publicado em 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

Ler mais
Publicado em de Fabio C.
Alessio C.
Alessio C.
User
Autor

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

Ler mais
Publicado em 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...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Alessio C.
Alessio C.
User
Autor

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

Ler mais
Publicado em de Alessio C.
Alessio C.
Alessio C.
User
Autor

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

Grazie per l'aiuto

Ler mais
Publicado em 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...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪