Turn off bounce in webworks

**mhant** · 02-07-2013, 12:57 AM

I am working on a webworks app and in one of our screens we have a list. I am not sure if it is a bug or because we are using a dev alpha b device for testing but when someone scrolls on the list sometimes it actually moves the whole web container of the webworks. I think iOS has a similar feature which can be disabled, and we want to disable it in webworks if possible until the bug is fixed. Anyone out there dealt with that feature, a bounce or over scrolling of the web container for web works? I couldn't find anything in the sdk but I am hoping there is some setting I can add to the config.xml to disable this feature.

**jeroen_13** · 02-07-2013, 01:09 AM

You've to add a special <meta> tag to every html file. I'll search for the whole meta code now.

**mikeo007** · 02-07-2013, 10:50 AM

I did this in a couple of my apps. If Jeroen doesn't get back to you first, I'll check out the source code tonight.

**jeroen_13** · 02-07-2013, 11:46 AM

sorry for the late reply
the tag ; (Add this to the index.htm if you're using BBui.js or put this in every htm file if you're building an other kind of Webworks app)

Code:

<meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=no,target-densitydpi=device-dpi" />

**SCrid2000** · 02-09-2013, 12:54 PM

I don't think that meta data will do the trick, at least not in bbUI. You need to use data-bb-scroll-effect="off"

Also, there seems to be a bug if you use it with absolute or fixed positioning:
https://github.com/blackberry/BB10-W...ork/issues/623

**mhant** · 02-12-2013, 06:38 AM

@SCrApps thanks the data-bb-scroll-effect seems to be doing the trick, and thanks everyone else for the quick responses.

**mhant** · 02-13-2013, 10:13 AM

Hey all a slight update from my previous post. It seems that the data-bb-scroll-effect property fixed the issue for most occasions, but still some occasions (changing focus and regenerating a list for example) that cause touch events to move the whole screen. Not sure why that is affecting anything, but will keep researching and post if I find any additional info. Thanks again for the fix takes care of most usage.

**mikeo007** · 02-13-2013, 01:44 PM

Originally Posted by mhant

Hey all a slight update from my previous post. It seems that the data-bb-scroll-effect property fixed the issue for most occasions, but still some occasions (changing focus and regenerating a list for example) that cause touch events to move the whole screen. Not sure why that is affecting anything, but will keep researching and post if I find any additional info. Thanks again for the fix takes care of most usage.

I found this would sometimes happen to me if I had elements extend close to the bottom of the screen. It would still end up scrolling ever so slightly when I clicked on an element that wasn't scrollable.
What if you try encasing everything in a container with an absolute size/position?

**mhant** · 02-14-2013, 02:56 AM

Mikeeo007 Thanks, that seems to illiminate even more of the situations. For some reason though on out dev alpha B device it seems to think the resolution should be 570px X 342px (that is what it computed when given 100% X 100%, and other resolutions caused the app to not look right). One situation is left that still causes a scroll over bounce when pulling down too far, but all rest seem to be gone. Thanks again everyone, going to keep investigating and will update if I find anything else.