Latest Projects
Client Testimonials
- "PROFESSIONAL! That is how we found the team at B-Creatives. Our website looks so much better than we ever pictured in our mind's eye and that's because the company we dealt with were truly professio..."Ben Pacillo, Chillos Group
- "Team bcreatives is really creative. Their understanding the client and the clients needs first before they getting into the task with their heart and soul is worth appreciating. This followed by their..."Vinod Chauhan, VChau Photography
- "I just can't tell how wonderful my website came out to be! It out-of-the-box, innovative, killer and easy at the same time. The concept is beautiful and anyone who comes over at my webpage not only ..."Santveer Bawa, Sants Photography
- "BCreatives is the most amazing team we have ever worked with! They bridge the gap between professionals without losing their individual creative edge. They are honest, caring, committed and work at g..."Jennifer Dwyer, Al Fakhoora
- "All the gowning photographs are of good quality and meet satisfaction of Ranbaxy Lab. We really liked the professional approach, printing and the delivery standards of the Photographer and the Desi..."Indresh Jain, Ranbaxy Laboratories
- "I just wanted to writ ma review for the most amazing folks I eva met! They do the code, the design and research for my company and present excellent stuff. From my promotion leaflets to the sketched b..."Dilpreet Bagga, Dera PTY LTD
- "Hey folks, am not much of a review writer but here goes something interesting. I recently contacted Team Awesome for a Brochure Design when I was not sure what I actually wanted my Brochure to look l..."Gaurav Bikram, Avenue Energy
Enable/Disable Scrolling in iPhone/iPad’s Safari Browser
Hey there! Today when we were testing our Showcase Articles on an iPhone – we noticed that when we launched the full-screen mode the user could still scroll down and view the content below the visible height.
We were looking for a way to prevent the user from scrolling once viewing the Showcase Item in Full-Screen mode. So here is the code we used.
document.ontouchmove = function(e){ e.preventDefault(); }A touchmove event is usually triggered when a finger already placed on the screen of the iPhone/iPad is moved across the screen. What we did was prevent the default behavior which was scrolling!
Now, this gave rise to another situation. How do we enable scrolling once the user closes the full-screen view? After a little research we finally figured out the solution ourselves as below
document.ontouchmove = function(e){ return true; }This just returns true and give a go-ahead to whatsoever happens when a touchmove event is triggered!
Filed under: Blog, iOS, Javascript, Web Design