具有停止功能的 jquery 滚动内容

Question

我有一个高度为 200 像素(视口(viewport))的 div。里面这个 div 有一个包含许多链接的 ul>li 列表。现在我有 2 个箭头可以上下插入/滚动此内容。

我正在使用这种代码(将被更改为绑定(bind)-事件):

$("#jq-manufactors_bot").click(function() {
    $("#manufactors .toggle").animate({marginTop: "-=100"},400);
  });

  $("#jq-manufactors_top").click(function() {
    $("#manufactors .toggle").animate({marginTop: "+=100"},400);
  });

现在我不确定如何实现一个功能，停止滚动内容，当到达结束/开始时。随着高度()我可以获得列表的当前高度。我需要一些东西我可以将这个高度与停止它的滚动方式进行比较及时。

谢谢技术中心

Answer 1

还不能发图片所以你得去链接看看关键的涂鸦呵呵

http://i49.tinypic.com/33az0bo.jpg

所以您正在寻找的是偏移量，而您不希望发生的是偏移量不能大于列表高度和包装器高度的差值

假设偏移量为负:

if(offset < wrapperHeight - listHeight)
  offset = wrapperHeight - listHeight;

为了肯定，你必须使用 greather then 和 listHeight - wrapperHeight

您必须在点击中包含此比例计算以防止越界

希望对你有帮助，

干杯托马斯