search

builtbywill / booklet

jQuery Plugin - display web content in a flipbook
http://builtbywill.com/booklet
Other
292 stars 109 forks source link

How make a run this in web desing responsivo? #52

Open marcosvicente opened 7 years ago

marcosvicente commented 7 years ago

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?

mQckingbird commented 7 years ago

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.

marcosvicente commented 6 years ago

Thanks.