booklet icon indicating copy to clipboard operation
booklet copied to clipboard

How make a run this in web desing responsivo?

Open marcosvicente opened this issue 8 years ago • 2 comments

Hi, I have a project that I doing in my company and I see so cool this plugin, and how make this plugin run in mobile devices?

marcosvicente avatar Oct 06 '17 17:10 marcosvicente

Well, with a little tweak. First ─& of course─, overflow: hidden;

Each page, will have 100% (or vmax) width. With a scroll function e.preventDefault();, you can disable the scroll (since overflow in CSS it's only hidden).

Moving on: Page 1: View in window.innerWidth: 100%; Put a Next button. Page 2: View in window.innerWidth: 200%: Put a previous and next button.

This is the simpliest thing that has come to my mind ─I just found this repo like 5 minutes ago─. I'll read the code and make it responsive without a workaround, but with a solution.

Come on, guys. It's a great repo for what I've been seen. You need to start thinking mobile-first and then go to big screens.

mQckingbird avatar Nov 08 '17 04:11 mQckingbird

Thanks.

marcosvicente avatar Nov 27 '17 18:11 marcosvicente