javascript - 低解像度ではスクロールバーを中央に配置

Question

私のウェブサイトの幅は 1200px で、解像度が低いサイトの水平スクロールが表示され、スクロール バーが左側にある場合です。

css、javascript、またはjqueryを使用してスクロールを中央に配置する方法はありますか?

Answer 1

最良の方法は、使用することです$(window).scrollLeft();

ウィンドウの中央の値を scrollLeft 関数に配置するだけで、ページが自動的に再配置されます。ページの中心を見つける最も簡単な方法は、幅 1200 を 2 で割り、計算した値$(window).width();を 2 で割った値を引くことです。

var scrollPos = (1200/2) - ($(window).width()/2);