【问题标题】:Slide down effect on mobile在手机上滑动效果
【发布时间】:2013-08-29 08:25:10
【问题描述】:

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

http://www.youtube.com/watch?v=F0F-jjIcEPY

据我所知,这是一个WebView,但是他们是怎么做到这个效果的呢?

我想开发类似的东西,有什么线索吗?

我认为也许可以使用 jQuery Mobile 来完成,但是如何向下滑动并在某些时候打开图片库?

我找到了一些库寻求帮助:

这里有一个演示

http://jsfiddle.net/iruindegi/B3TH7/

几乎没问题,但是当我调整大小时,我需要在某些时候触发滑动框,就像在视频中一样。

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

我认为我应该需要指定一个 maxHeight 并在到达时触发 SwipeBox?

任何帮助或线索? 提前致谢

【问题讨论】:

  • 使用resize事件,当高度达到一定数值时触发函数jsfiddle.net/Palestinian/B3TH7/5在这个demo中,当高度大于200px时触发该框。
  • 它有效!谢谢!你能回答这个问题来标记它是正确的吗?

标签: javascript jquery jquery-mobile mobile titanium


【解决方案1】:

您可以监听resize事件并在高度达到预定义值时触发任何函数,如下面的代码和演示中所示

Demo

$('#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'
    }]);
  }
});

【讨论】:

    猜你喜欢
    • 2012-12-15
    • 1970-01-01
    • 2012-02-17
    • 2012-06-18
    • 1970-01-01
    • 2014-05-15
    • 1970-01-01
    • 2020-03-07
    • 2012-02-05
    相关资源
    最近更新 更多