使div高度为向下滑动的距离

Question

我正试图逐渐显示一个div，因为身体上发生了向下滑动事件。

我目前正在使用jQuery版本的hammer.js来监听向下滑动，但是如何在滑动发生到该值时获取滑动的距离并更改div的高度吗

它并不多，但到目前为止我已经拥有了：

var distance;
$('body').on('swipedown', function(){

    // set distance to swipe distance
    $('header, #header, [role="banner"]').css('height', distance);
});

但是，上面只会设置滑动结束时的距离吗？如何在向下滑动时设置距离？

我非常感谢任何帮助！

Answer 1

通过hammer.js swipedown事件触发，你的函数将在事件对象中获得一个手势对象。

你可以像这样得到

Hammer(document.body).on('swipedown', function(e){
    gesture = e.gesture

    // gesture.distance or gesture.deltaY is swipe distance
    // and you can console.log(gesture) to find more!
});