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或你的拖拽功能，而不是两者

查看更新的jsfiddle

如何用jQueryUI draggable模拟父级内的阻力？

1 个答案: