如何用jQueryUI拖動來模擬家長內部的阻力？

我看過一個類似的線程，但不能問後續問題。我不想模擬橡皮筋效應，但也可以滾動所有內容，即使內容大於其父項。我無法弄清楚，所以我想在這裏尋求幫助。如何用jQueryUI拖動來模擬家長內部的阻力？

我成立了一個的jsfiddle：http://jsfiddle.net/sAX4W/28/

enter code here

我希望它可以向下滾動到文本的底部，有橡皮筋效果的文本內容結束。正如你在我的jsfiddle例子中看到的那樣，你不能像最後一個文本節點一樣滾動到過去的30。

謝謝你的時間！

來源

2013-07-16 Kristoffer Frisell Jarnevid

當「30」可見時，你希望它反彈回頂部？ – DevlshOne

oooh ..對不起。沒有人試圖模擬像IOS一樣的橡皮筋。所以，當孩子低於父母時，它會反彈到「1」，並且當孩子高於父母高度時也會反彈到「30」。我很快就明白我在解釋這個問題方面不是很好：p –

您可以查看當前的頂部位置，在拖動可拖動元素的設置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"); 

}

除此之外，我認爲你還是使用還原：真或您的拖累作用，但不能同時

看看更新jsfiddle

來源

2013-07-16 12:08:24 paulitto

不錯！非常感謝你！ –

如何用jQueryUI拖動來模擬家長內部的阻力？

回答

相關問題