https://blog.lotp.xyz/tags/ux/ Recent content in UX on Lotp's Blog Hugo en Wed, 07 Sep 2016 04:46:00 +0000 https://blog.lotp.xyz/posts/drag-gestures-inside-mobile-browsers-purely-in-css-and-js/ Wed, 07 Sep 2016 04:46:00 +0000 https://blog.lotp.xyz/posts/drag-gestures-inside-mobile-browsers-purely-in-css-and-js/ <p><img src="https://blog.lotp.xyz/images/swipteToDelete.gif" alt="Swipe To Delete"> Drag gesture, like the image above, is a very good interaction model for touch devices. This article is about the implementation of drag gesture on mobile browsers.</p> <p>I use react to simplify the code. However you can accomplish it without any framework.</p> <p>The basic idea is to make a scrollable widget comprised by two component. The first component is always visible while the second one(named <strong>drag-btn</strong> in this article) can only be seen after scrolling.</p>