Question

我正试图在面板上进行滑动，当用户在身体上滑动时，可以在身体上滑动视线。

以下是我到目前为止（代码如下）：http://jsfiddle.net/XrruK/1/

$("html, body").swipe({
    swipeRight:function(event, direction, distance, duration, fingerCount){
        $('#panel').css('right', 100 - distance / $(window).width()+'%');
    }
});

但是，我遇到了两个问题：

面板#panel，大麦进入视野。当我减少100到50或更少时，它进入太快并且感觉与滑动距离不成比例。
完成滑动后会进行样式设置。当滑动发生时，如何设置面板的样式#panel？

我非常感谢任何和所有帮助让这个#panel进入视野，因为身体被向右滑动

Answer 1

尝试一下，我认为这就是你的目标：

（100 - （（距离/ $（窗口）.width（）））* 100）

我刚刚使用了公式，使其与用户滑动的距离更加“成比例”：

前100是屏幕宽度的100％。然后你得到整个宽度的距离，得到相对于屏幕宽度滑动的距离的十进制表示，假设为0.63，然后将其乘以100，使其成为百分比。然后只需减去两个，你剩下的就是你的正确距离百分比。诀窍就是扭转百分比，以便从右边开始，而不是从左边开始距离。

在面板中滑动到视图中

1 个答案: