スクロールバーを非表示にしますが、マウスでスクロールすることができます

Question

長いdivに表示するにはスクロールバーを非表示にしますが、マウスまたはキーボードの矢印キーをスクロールすることはできます。それを実装することができませんでした...誰かが私にどのように明確にそれを実装するかを導くことができるか、またはjqueryやCSSで他のオプションがありますか？

ご協力いただければ幸いです。

おかげ

Answer 1

は、私はこのブラウザの互換性100％わからないんだけど、次の2つのdivの持つことができます - 外側のdivと内側のdivを。内部divにはすべてのコンテンツが含まれます。あなたのCSSは、このようになります。です

#outer { 
    width: 200px; 
    height: 200px; 
    overflow:hidden; 
} 

#inner { 
    height: 200px; 
    width: 225px; 
    overflow: scroll; 
} 

は、内側のブロックは、スクロールバーを含むように広い十分だろうが、それが含むdiv要素によって視界から隠されてきました。これはWebkitの私のために働いた。テキストが途切れないように幅を調整する必要があります。

しかし、私はあなたがこれをやろうとしている理由について慎重に考えています。これは、divの中にもっと多くのコンテンツがあることを示すものではないため、ユーザにとって大きなユーザビリティの問題になる可能性があります。