javascript - 动画 {"Top"} 如何在顶部位置停止滚动 div 为 0 px - Jquery

Question

试图创建一个滚动的 div。想要在 (thescrollingdiv) div 到达特定的顶部位置并一直滚动到底部并且不超过父 div 进入无限滚动区域时停止它。 thescrollingdiv 没有指定任何高度，但它的父 div 指定了高度。谢谢。


$('#div a).click(函数(e){
e.preventDefault();
$('#thescrollingdiv').stop(true,true).animate({ "top": '-=100px'}, 500)

Answer 1

ScrollTop 告诉您您所在的位置。检查现有的顶部与滚动顶部并进行数学计算以设置您的限制。

var scrollTop = $('#thescrollingdiv').scrollTop();
var newTop = parseFloat($('#thescrollingdiv').css('top')) - 100;

if (scrollTop < 0) {
  newTop = 0;
}

$('#thescrollingdiv').stop(true,true).animate({ "top": newTop}, 500)

更新

像这样。

var topLimit = 0;
var bottomLimit = 800;

var containerTop = parseFloat($('container').css('top'));
var containerBottom = parseFloat($('container').css('height')) + containerTop;

var destination = containerTop - 100;

// compensate for going too far up
destination = (destination < 0) ? 0 : destination;

// compensate for going too far up
destination = (containerBottom > bottomLimit) ? bottomLimit : destination;

// now that you know you are within your custom limits, animate it.
animate(destination);

这几乎是伪代码，因为我不知道你的代码是什么样的，但它给了你一个想法。在首先调用 animate 之前，您必须实际完成设置“newTop”限制的工作。

你可以想办法。不过，不要做一个懒惰的程序员。