Grow your CSS skills. Land your dream job.

Drag/swipe table whose center column edges snap to viewport

  • # February 11, 2013 at 2:29 pm

    I have a wide table – a back to back stem-and-leaf display. Departure hours are in a center column, while inbound and outbound minutes radiate either side. Simplified:

    http://codepen.io/anon/pen/CskDK

    I can’t see how to make the entire table draggable/swipe-able, while the centre column’s left and right edges are sticky to the viewport edges.

    Another image may help:

    http://static.cubiq.org/uploads/2011/10/swipeview-wf.png

    Here the table is in red (although the center column is too wide). P1 needs to have sticky sides to stick to the viewport on left or right swipe.

    jQuery has a gazillion options, none of which seem to cover this scenario. Did I miss something?

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".