此问题与jQuery scrollRight?重复。
我有一个包含大量内容(宽度方向)和溢出:自动的 div,所以我的滚动条位于底部。它开始完全向左滚动:有没有办法使用 jQuery/native JS 将其一直滚动到右侧?
即使有办法在 CSS 中执行此操作(通常更好),我也需要在 JS 中执行此操作,因为其他一些内容首先在 JS 中的表中发生(具体使用 jquery 插件 DataTables) dom 就绪 block ,因此我的代码需要在此之后运行。
我认为这很简单,但我没有在谷歌上搜索到任何有用的东西。
谢谢!最大
最佳答案
这就是我的做法 - 你可能会认为它有点hacky。
在下面的示例中,“#test”是一个宽度为 100px 且溢出:auto 的 div。
$("#test").css("overflow","none");
$("#test").css("width","none");
var width = $("#test").width();
$("#test").css("overflow","auto");
$("#test").css("width","100px");
$("#test").animate({scrollLeft: width}, 100);
在这里,我去掉了宽度和溢出 CSS 属性,以计算出内容的真实宽度。然后我重新启用 CSS 属性并滚动到该宽度。
这是一个 JSFiddle:http://jsfiddle.net/dReFh/
关于javascript - 使用javascript将div的滚动条一直滚动到右侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24324870/