overflow:hidden in div

[leaf]

ciao, stavo sperimentando un po' con questo codice

<div style="height:300px;width:500px;overflow:auto;">

mi interessava capire se sia possibile nascondere la barra dello scroll ma mantenere la funzione di scroll attiva..ho provato con overflow: hidden e qualche altra cosa letta in giro ma non riesco a trovare la soluzione..con hidden, si nasconde la scroll bar ma non posso più fare scroll con il mouse..
è fattibile quello che chiedo?
grazie,
L.

[Mich_]

Qualcuno tempo fa qualcuno in queste pagine aveva proposto una cosa del tipo:

<div style="height:300px; width:500px; overflow:hidden;">
  <div style="height: 600px; width:520px; ">
    ...
  </div>
</div>

dove
height:600px e` sufficiente a contenere tutto il contenuto (eventualmente si puo` usare un'altra unita` di misura)
width: 520px e` quel tanto piu` grande del suo contenitore da nascondere la barra

[leaf]

interessante..ma niente da fare..appena metto hidden, si nasconde ma lo scroll non funziona più sto usando firefox (ultima versione)

[carlomarangoni]

Ovvio che se nascondi la barra con hidden lo scoll non funziona più! Se vuoi fare lo scrolling senza vedere la barra devi usare JS e due pulsantini

[leaf]

ok proverò a cercare qualche script..comunque io voglio fare lo scroll solo con la rotella del mouse..non voglio pulsanti ne scroll bar

[carlomarangoni]

....comunque io voglio fare lo scroll solo con la rotella del mouse..non voglio pulsanti ne scroll bar

Non ho mai sentito che sia possibile fare una cosa così

[leaf]

beh..basterebbe avere uno scroll normale..ma nascondere i pulsanti e la scroll bar..che è quello che ho cercato di fare fin'ora ma senza riuscirci..

[bionicoz]

Non capisco perché non ti va bene la soluzione che ti ha indicato Mich_
http://jsfiddle.net/bionicoz/r9gp0wjf/

[leaf]

perchè sopra infatti mancava overflow:scroll

ora funziona! grazie