私のナビゲーションでは、連絡先リンクは、次のようにサイトの上にオーバーレイするパネルを下にスライドします。
パネルが下にスライドするとき、ユーザーがパネルの下にスクロールできないようにします。基本的に、ページのスクロールを無効にしたい。パネル内の使用可能なスペースよりも多くのコンテンツがある場合、パネル内でスクロールします。これは、overflow:scroll を次のようにパネルの css に追加するだけで実行できます。
#contactPanel{width:100%; height:100%; overflow:scroll;position: absolute; top:-100%; left:0; z-index: 6; background: #000000; color:white;}
したがって、パネル内でのスクロールは問題ありませんが、本文/ドキュメント内でスクロールしたくありません。
純粋な CSS では不可能な場合は、javascript を使用できます。