jquery - 如何使用可拖动的 jQueryUI 模拟父级内的阻力？

Question

我看过一个类似的线程，但不能提出后续问题。我不仅想模拟橡皮筋效果，而且即使内容大于其父级，也可以滚动所有内容。我想不通，所以我想在这里寻求帮助。

我设置了一个 jsfiddle：http: //jsfiddle.net/sAX4W/28/

enter code here

我希望可以向下滚动到文本的底部，并在文本内容结束时产生橡皮筋效果。正如您在我的 jsfiddle 示例中看到的那样，您不能像最后一个文本节点一样向下滚动到 30 过去。

谢谢你的时间！

Answer 1

您可以检查当前顶部位置并在拖动停止时设置可拖动元素的css对应属性

stop: function(e, ui) {
    var diff = ui.helper.parent().height()-ui.helper.height();
    if (ui.position.top<=diff)
       ui.helper.css('top', diff+"px");
    else if (ui.position.top>=0)    
       ui.helper.css('top', "0px");

}

除此之外，我认为您应该使用 revert:true 或 on drag 功能，而不是两者

看看更新的jsfiddle