jquery滚动内容与停止功能

时间:2010-02-17 09:01:10

标签: jquery html css

我有一个高度为200px(视口)的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);
  });

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

THX TC

1 个答案:

答案 0 :(得分:2)

无法发布图片,因此您必须转到链接才能看到关键的涂鸦

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

所以你要找的是偏移,你不想发生的是offfset不能大于列表高度和包装高度的差异

假设偏移为负:

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

积极的你必须使用更好的和listHeight - wrapperHeight

您必须在点击中包含此比例计算以防止超出范围

希望它有所帮助,

欢呼声 托马斯