如何使用Jquery Mobile Slide Panel從底部向上滑動？

Question

我正在開發一個應用程序，當我選擇了某些東西時，我需要一個面板從底部向上滑動。我在jquery移動滑動面板中看到，您可以將位置設置爲左側或右側，但您如何設置底部？

Answer 1

看到https://github.com/jquery/jquery-mobile/pull/5770

不幸的是，arschmitz說：

有一堆的衝突在這裏，因爲我們已經到面板所做的更改。雖然愛這個功能，並且很想嘗試使這種情況發生，因爲它現在已經過時但希望與你一起着陸，希望在下一個版本中有這個功能

Answer 2

創建一個自定義面板作爲一個盒子，並把它放在100％低音箱內的地方，以啓動滾動。另外使用Iscroll插件進行滾動。

演示

http://jsfiddle.net/7pttcgvw/

jQuery的

$(function() { 

    $('#openpanel').click(function(){ 
      $('#box').animate({'bottom':'0'},300); 
     }); 

    $('#close').click(function(){ 
     $('#box').animate({'bottom':'-100%'},300)   
    }); 

}); 

CSS

.box{ 
position:fixed; 
bottom:-100%; 
left:0%; 
height:100%; 
background-color: #DBDBDB; 
width: 17em; 
display: block; 
z-index:999999; 
} 

.box-inner { 
    position: absolute; 
    width:100%; 
    top: 0px; 
    bottom: 0px; 
    overflow: scroll; 
    -webkit-overflow-scrolling: touch; 
}