ユーザーが手動でWebページをスクロールしないようにする必要があります。

Question

私は現在、非常に垂直なウェブページをデザインしています。私の考えは、ユーザーがページをスクロールせず、内部アンカー（href="#someDiv"）のリンクをクリックしたときにのみ、ページが自動的にそのセクションまでスクロールします。

ページの要素がバンドルに編成され、ユーザーがクリックして単一ページまたは別のセクションの1つのセクションに移動するようにします。

私は、次のURLにページをアップロードしました： DWS - Prototype

ページは非常に簡単です、と私は自動スクロールのための滑らかなスクロールjQueryプラグインを使用しています。私が欲しいのは、ユーザーが自分のことをやり過ごすことができないことだけです。

私はoverflow:hiddenを使ってみましたが、これを行うにはjavascriptまたはjQueryを探しましたが、実行可能な解決策を見つけることができませんでした。 Overflow hiddenは、ページが画面を越えて読み込まれないようにするため、ページの他の要素にリンクすることはできません。

私は実際にMac OS以外のHTML/CSSをテストしていませんが、Safari、Firefox、Chromeでうまく動作します。

Answer 1

あなたは間違いなく興味深いコンセプトを持っていますが、あなたが望むような方法をとることは非常に難しいと思います。ブラウザウィンドウの高さを小さく設定してナビゲーションメニューが表示されず、スクロールできない場合はどうなりますか？チャンスは私はあなたのサイトにうんざりして立ち去るつもりです。

ユーザーが垂直スクロールバーを表示すると、上下にスクロールすることができます。ユーザーからその方法を取ることは、「これは本当にクールです」と思っているのに対して、彼らを苛立たさせ、怒らせる可能性が高くなります。

$(document).ready(function() { 

    $('html, body').scroll(function(e) { 
     e.preventDefault(); 
    }); 

}); 

これは上がったり下からスクロールバーを防ぐ必要があります：あなたはjQueryのをアップロードし、このような何かを行うことができ言われていること

。 免責事項：私はこれをテストしていません。あなたは

body{overflow: hidden;} 

次のCSSプロパティを使用して、ページのスクロールバーを無効にすることができ

Answer 2

これは

Answer 3

（PG UpとDownボタンについてイムはわからない）、スクロールバーやマウスホイールの両方を無効にします

セクションを（部分的に）折りたたみ可能にすることをお勧めします。例えば。 like here。