divを指定しないでウェブサイトをスクロール

Question

私は多くのことを研究しましたが、問題に対して適切な解決策を見つけることができませんでした。

「https://api.jquery.com/scrollleft/」と「https://www.w3schools.com/jsref/met_win_scrollto.asp」が見つかりましたが、ブラウザサイズよりも広い、私のウェブサイト全体のビューを中央に配置する方法を正しく理解できません。

私はこのような何かを持っているしたいと思います：私の視点と何よりもの

<script> 
window.scrollTo(50%, 0); 
</script> 

ただ、「簡単」centerationを。これを行うためのスクリプトを設定してください。

Answer 1

シンプルだが効果的な解決策は、ドキュメント全体の幅であるスクロール幅を取得してドキュメントの中間点を取得することです。それは中点を2で割って計算します。元の投稿に記載した方法を実行する必要があります。 window.scrollTo(mid, 0);

var body = document.body; 
 
var width = document.body.scrollWidth; 
 
var mid = width/2; 
 
var trigger = document.querySelector('#scroll'); 
 

 
trigger.addEventListener('click', function() { 
 
    window.scrollTo(mid, 0); 
 
}); 
 

 
console.log(mid);

<div style="width: 7000px;"><button id="scroll">Scroll</button></div>