html - 是否可以将溢出 :scroll 的 div 的滚动条居中

Question

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

是否可以使用 overflow:scroll div 使水平滚动条居中。

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

不过，用户应该仍然可以滚动。

谢谢

Answer 1

在 JS 中是可能的:这会将 div 的内部滚动条滚动到它的水平中间

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

希望对您有所帮助。