是否可以使用overflow:scroll将div的滚动条居中
是否可以使用overflow:scroll将div的滚动条居中
提问于 2013-02-06 22:49:42
.qsf-demo-canvas
{ max-width: 100%;
max-height:600px;
overflow:scroll;}有没有可能用overflow:scroll div使水平滚动条居中。
如果内容比可用空间宽得多，默认情况下div内容将居中？
用户应该仍然能够滚动。
谢谢你
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-03-06 23:45:17
在JS中，这是可能的:它滚动一个div的内部滚动到它的水平中间
var myDiv = $("#Mydiv");
var scrollto = myDiv.offset().left + (myDiv.width() / 2);
myDiv.animate({ scrollLeft: scrollto});我希望这会对你有所帮助。
Stack Overflow用户
发布于 2017-04-19 12:18:54
我在以下方面取得了成功：
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();
});Stack Overflow用户
发布于 2019-04-10 17:17:23
一些优化-将动画更改为scrollLeft()。与jQuery.slim配合使用，根据Chrome DevTools的说法，速度要快得多。
var myDiv = $("#Mydiv");
var scrollto = myDiv.offset().left + (myDiv.width() / 2);
myDiv.scrollLeft(scrollto);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14731872
复制相关文章
相似问题
腾讯云开发者
