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