JQuery Slider / Carousel计算

时间:2011-04-16 11:38:48

标签: javascript jquery scroll

基本上我有一个底栏,可以存储确定数量的对象,比如30,宽度为2000em。

现在我想让这个div可滚动但我看的每个教程都没有解释他们的计算。

我的滚动条将是唯一的,因为我只允许通过下一个和后退按钮滚动(基本上像分页),我需要计算div何时有0个空间移动所以我可以AJAX加载更多的项目,当然这个计算需要调整安全大小(基于div宽度而不是预定义的数字)。

现在我对整个resize(resize事件上的recalc div宽度)和AJAX加载更多对象都很好。

我不熟悉的是理解div应如何滚动所需的计算以及如何判断何时没有更多空间可以滚动。

有没有人有过制作动态滚动条的经验,只能点击下一个或上一个按钮来解释理解scrollLeft / Right所需的计算?

感谢您的帮助,

1 个答案:

答案 0 :(得分:0)

我实际上对此进行了排序:

  1. 在div包装器中获取内部ul的当前scrollLeft()并添加div(包装器)宽度。
  2. 我检查了点1的总和是否小于UL宽度。
  3. 如果是,则滚动否则加载新页面(如果有)。
  4. 反转上一个按钮。

    由于包装器的宽度指定为100%,因此屏幕大小始终是屏幕尺寸,这意味着不需要调整大小功能。