HTML/CSSでページをスクロールしない

現在、HTML、CSS、およびJavaScriptを使用してビデオゲームを作成しています。私はページのデザインに取り組んでおり、問題があります。私のページには空きスペースがたくさんあり、スクロールするページの巨大な未使用部分が作成されます。それはスクロールダウンからそれを停止するとにかくありますか？HTML/CSSでページをスクロールしない

* { 
overflow: hidden; 
} 




body { 
background-color: antiquewhite; 
} 





#fullcanvas { 
border: 6px double black; 

} 

#title { 
position: relative; 
color: darkgreen; 
font-family: sans-serif; 
font-size: 30px; 
border: 0px solid black; 
border-width: 0px; 
bottom: 667px; 
left: 20px; 
} 

#game_rules_canvas { 
position: relative; 
border: 10px solid black; 
border-width: 8px; 
bottom: 678px; 
left: 20px; 
border-right-style: dashed; 
border-left-style: dashed; 
height: 400px; 
width: 300px; 



}

出典

2017-10-08 Anonymous

作業コードスニペットを追加するといいでしょう。 –

あなたの問題を再現するようには思えないのdivのように参照要素を自分のCSSを使用して再作成：

は、ここに私のコードです。ここを参照してください：jsfiddle

は、次のルールは、すべてのスクロールを停止する必要があります：あなたが問題を引き起こして他に使用されているコードまたはJavaScriptを持っているのいずれかのように

* { 
overflow: hidden; 
}

が鳴ります。私が試してみて診断するだろう物事：

それは右、それはスタイルだとそれが参照する何の要素を参照するために、空のスペースをクリックして、検査問題
をオーバーライドするかどうかを確認するためにoverflow: hidden!important;を追加します。（<html>,<body>,<other>など）。
JavaScriptを削除して、ページのレンダリング方法を確認します。

さらに多くのコードやスクリーンショットを提供できる場合は、役立つはずです。

出典

2017-10-08 04:50:38 Aquious

HTML/CSSでページをスクロールしない

答えて

関連する問題