html - divのスクロールバーをoverflow：scrollで中央に配置することは可能ですか？

Question

.qsf-demo-canvas 
{ max-width: 100%;
max-height:600px;
overflow:scroll;}

水平スクロールバーをoverflow：scrolldivで中央に配置することは可能ですか。

コンテンツが利用可能なスペースよりもはるかに広い場合、divコンテンツはデフォルトで中央に配置されますか？

ただし、ユーザーは引き続きスクロールできるはずです。

ありがとうございました

Answer 1

JSではそれが可能です：これはdivの内部スクロールを水平方向の中央にスクロールします

var myDiv = $("#Mydiv");
var scrollto = myDiv.offset().left + (myDiv.width() / 2);
myDiv.animate({ scrollLeft:  scrollto});

これがお役に立てば幸いです。

Answer 2

私は成功しました：

jQuery(document).ready(function() {
  jQuery(window).resize(function() {
    var myDiv = jQuery("#myDiv"),
        myChild = myDiv.find("> *:first-child");
    myDiv.animate({
      scrollLeft: (myChild.width() - myDiv.width()) / 2
    }, {
      duration: 0
    });
  });

  jQuery(window).resize();
});

Answer 3

いくつかの最適化-animateをに変更しscrollLeft()ます。jQuery.slimで動作し、Chrome DevToolsによると、はるかに高速です。

var myDiv = $("#Mydiv");
var scrollto = myDiv.offset().left + (myDiv.width() / 2);
myDiv.scrollLeft(scrollto);