javascript - 使用javascript将div的滚动条一直滚动到右侧

标签 javascript jquery scrollbar

此问题与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/

相关文章:

javascript - 访问具有特定文本内容的类并显示 :none

css - 是否可以将自定义样式应用于特定的 div 而不是整个页面

javascript - jQuery/JS 获取文本区域的滚动条高度

wpf - 自定义列表框滚动条样式问题

javascript - 使用 JavaScript 整洁的 HTML 输出

javascript - 清除 HTML 中的单个表单字段

javascript - 将 BrowserSync 与 Gulp 结合使用时出现错误

javascript - 如何刷新 Firebase session Cookie

javascript - 防止 iOS 移动浏览器在单击链接时强制打开应用程序?

javascript - 除非条件通过,否则如何阻止 Bootstrap Tour 进入下一步