I have a page div that has a fixed height and contains a scrollable list on desktop. And the whole page is scrollable too. The user experience is awkward on mobile device when the user wants to scroll the whole page, not just the list inside my div.
How do you handle scrolling within a page combined with whole page scrolling in a bootstrap hybrid app? 1) I have considered adding in some side left padding for the user to use for scrolling the page, but that just wastes space. 2) I could try using a swipe gesture for the whole page, and normal touch for the lists inside the page. But that seems overly complicated. 3) I'm considering making the height to be 100% on mobile device so user doesn't have to scroll the list. Don't know. Open to suggestions. If I do #3, how do I set the height to 461px for desktop and 100% for tablet and phone? Any suggestions? Disclaimer ... I'm new to bootstrap. :) Thanks, Don -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
