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

如何使用Jquery Mobile Slide Panel从底部向上滑动？

2 个答案: