スクロールバーを非表示にするが、スクロールは可能にする方法

CSSを使用する方法: CSSを使用して、スクロールバーを非表示にすることができます。以下は、CSSの例です。

/* Webkit系ブラウザ（Chrome、Safari）用 */
::-webkit-scrollbar {
  display: none;
}
/* Firefox用 */
/* スクロールバーを非表示にするには、アドオン（Stylishなど）を使用する必要があります */
/* IE/Edge用 */
/* スクロールバーを非表示にするには、特殊なCSSプロパティを使用する必要があります */

ただし、この方法は特定のブラウザに依存しているため、すべてのブラウザで動作するわけではありません。

JavaScriptを使用する方法: JavaScriptを使用して、スクロールバーを非表示にすることもできます。以下は、JavaScriptの例です。

document.documentElement.style.overflow = 'hidden';

この方法は、ほとんどのブラウザで動作しますが、ページ全体のスクロールが無効になる場合があります。

以上が、スクロールバーを非表示にする方法です。ただし、これらの方法はユーザビリティやアクセシビリティに影響を及ぼす可能性があるため、注意が必要です。ウェブサイトの設計において、スクロールバーの表示・非表示を慎重に検討してください。