是否可以使div溢出的滚动条居中：滚动

Question

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

是否可以使水平滚动条居中溢出：滚动div。

如果内容比可用空间宽得多，div内容默认居中？

用户仍然可以滚动。

三江源

Answer 1

在JS中有可能： 这会将div的内部滚动滚动到它的水平中间

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

我希望这会对你有所帮助。

Answer 2

我成功了：

o

Answer 3

一些优化-将动画更改为scrollLeft()。可以与jQuery.slim一起使用，并且根据Chrome DevTools可以更快。

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