Javascript 如何使用Jquery Mobile滑动面板从底部向上滑动?

Javascript 如何使用Jquery Mobile滑动面板从底部向上滑动?,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,我正在开发一个应用程序,我需要一个面板,以便在选择某个应用程序时从底部向上滑动。我在jquery移动滑动面板中看到,您可以将位置设置为左侧或右侧,但如何设置为底部?请参见 不幸的是,arschmitz说: 由于我们对面板所做的更改,这里存在大量冲突。虽然我很喜欢这个功能,也很愿意尝试在1.5版中实现这一点,但我会关闭这个PR,因为它现在已经过时了,不过我希望能与您合作,在下一个版本中实现这一点 创建一个自定义面板作为框,并将其100%放置在带有内部框的位置下方,以启用滚动。或者使用Iscroll

我正在开发一个应用程序,我需要一个面板,以便在选择某个应用程序时从底部向上滑动。我在jquery移动滑动面板中看到,您可以将位置设置为左侧或右侧,但如何设置为底部?

请参见

不幸的是,arschmitz说:

由于我们对面板所做的更改,这里存在大量冲突。虽然我很喜欢这个功能,也很愿意尝试在1.5版中实现这一点,但我会关闭这个PR,因为它现在已经过时了,不过我希望能与您合作,在下一个版本中实现这一点


创建一个自定义面板作为框,并将其100%放置在带有内部框的位置下方,以启用滚动。或者使用Iscroll插件进行滚动

演示

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;
}

当他们从地图上选择某样东西时,我只想让它从底部向上滑动