Javascript 手机上的下滑效应

我正在开发一个应用程序，我的客户想要这样的东西

据我所知，这是一个网络视图，但他们是如何做到这一点的呢

我想开发类似的东西，有线索吗

我想也许可以用jQuery Mobile来完成，但是你怎么能向下滑动并在某个时候打开图像库呢

我找到了一些库以获得帮助：

• SwipeBox=>

• TouchPunch（可调整大小）=>

这里有一个演示

这几乎没问题，但我需要在调整大小时，在某个点上滑动框会触发，就像在视频中一样

$(function() {
    $( "#resizable" ).resizable();
});

我想我应该指定一个maxHeight和fire SwipeBox，当它达到

有什么帮助或线索吗？

---

提前感谢

您可以收听

调整大小

事件，并在高度达到预定义值时触发任何功能，如下面的代码和演示所示

---

使用

resize

事件，并在高度达到本演示中的某个数字时触发该功能，当高度大于200px时，将触发该框。它可以工作！！非常感谢。你能回答这个问题并把它标记为正确吗？

$('#resizable').on('resize', function (e) {
  var box_h = $(this).height();
  if (box_h > 200) { // ** define height here ** //
    e.preventDefault();
    $.swipebox([{
        href: 'http://swipebox.brutaldesign.com/assets/full/reine.jpg',
        title: 'My Caption'
    }, {
        href: 'http://swipebox.brutaldesign.com/assets/full/nuke.jpg',
        title: 'My Second Caption'
    }]);
  }
});