Vertical Scroll in symbol div on IOS
I'm working on a custom interactive that will be played on an ipad. The stage is the full screen of the ipad. In a seperate symbol on the stage I have placed a window containing content that needs to be scrolled. The scroll works on the ipad, but stops as soon as my finger leaves the screen. It doesn't behave like normal scrolling in IOS.
Does anyone know what I can do?
Sorry to answer my own question but I searched everywhere and found this.
Go to the yourFileName.js file that's in the same directory as your main .an file. Search for the the div you are looking to scroll, and search for it.
I find a bit of code that looks like this:
"${_yourDIVname}": [
["style", "left", '50px'],
["style", "overflow", 'scroll']
Add this line:
["style", "-webkit-overflow-scrolling", 'touch']
Don't forget the commas. The result should look similar to this:
"${_yourDIVname}": [
["style", "left", '50px'],
["style", "overflow", 'scroll'],
["style", "-webkit-overflow-scrolling", 'touch']
It scrolls for me now as is suspected.
Similar Messages
-
How can I create a vertical scroll for text in a 'div' in CSS Dreamweaver?
Hi there,
I need to flow a lot of text into a CSS div. However, I don't want a big long page as it will look ugly and be inconsistent with the other pages in the site.
I need to be able to put in a vertical scroll directly in the div containing the text (not on the whole page) so the user can scroll the text down without moving down the whole page.
Is there a way for me to do this?
I'm a beginner to CSS so a step by step for dummies approach would be most helpful.
Thanks in advance for any help!use the overflow:scroll property:
http://www.w3schools.com/Css/pr_pos_overflow.asp -
Focus vertical scroll bar in report div
Hi everyone,
I just want to know if the issue has been resolved by someone :
I have a report within a div and a vertical scrolling bar to scroll the rows. When I click on a row of the report the row is highlighted. Now, if the clicked row is at the end of the report, the scrolling bar goes up, and the user has to scroll down to see the selected row. So how to focus this scrolling bar once the user clicks on the row ?
I guess I have to compute the id of the selected row times the row height and send this value to the css parameter of the scroll bar (but AFAIK there's no such parameter in css for positioning a scroll bar) ... Someone has came up with a solution ?
Best regards,
Othman.Thanks a lot Andy,
I didnt' know about the scrollTop attribute. So for those how are interested : Each time I click on a row, I store the scrollTop position in a Hidden field. On each body onload, I call a javascript function to position the scroll bar of the div like this :
getElementById.("mydiv").scollTop = html_GetElement('P1_SCROLL_ID').value;
Regards,
Othman -
Is there a way to vertically scroll records in an interactive report
Hi, I have an interactive report which returns over 100,000 records. Currently, to move through these records one must press the pagination icon (x - y of z records).
Is there a way to have a vertical scroll bar?
this used to be accomplished in SQL reports with <div style="overflow: auto; height: 500px;width: 1000px;"> set in the header and pagination turned off.
thanks, Karen
Edited by: KarenH on Apr 14, 2011 1:23 PMjust to clarify, I am able to add the region header of *' div style=overflow: auto; height: 400px;* to a regular SQL report to have it scroll...but just unable to do so for an interactive reportl. thanks again.
Edited by: KarenH on Apr 25, 2011 1:42 PM
Edited by: KarenH on Apr 25, 2011 1:43 PM -
How to fix double vertical scroll bar in responsive output
After implementing the solution provided for the question 'Responsive HTML5 Output: How to auto adjust the screen resolution for all devices?', the function bar in output does not appear and also another vertical scroll bar in the output. I edited the max-width value in the layoutfix.min.css file and fixed the function bar issue. How can I do away with the additional vertical scroll bar?
I've looked into the issue.
@Delennish: In your case, the size of the iframe is too large, or you have an extra empty element below the iframe. You can try 2 things:
1. Best solution but may have side effects: In the main.css, add the following code:
div.contentholder { overflow: hidden !important;}
For this option, please check for undesired side effects.
2. Works, but is ugly: In the main.css, add the following code:
div.floatholder iframe.wTopic { height: 95% !important;}
Try playing with the height setting until the 2nd scrollbar disappears.
@CarolW: The layout you're using is very old. I've made a new responsive layout with TOC only. Please use that one instead: http://www.wvanweelden.eu/sites/default/files/attachments/Theme1_Standard_TOC_Only.zip (I'll update my site with this new version later.) -
Hi all,
I would like to force a vertical scroll bar on all of my pages to keep the page from appearing to shift on some pages (pages long enough for scoll bars vs pages not long enough to need scroll bar). On my site I notice it in IE8 and FF3.
I know this has been discussed before but I am not able to find it.
Here is my code currently in my style.css concerning HTML and body elements
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
html {
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
height: 100%;
body {
color: #000;
margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
text-align: center; /* Centers the page content container in IE 5 browsers. */
background: #2D4262;
How would I accomplish this?
Thanks
ChrisThanks for responding,
I tried both ways..I do not know CSS very well so I probably did it incorrectly.. Heres what happens when I tried both ways.
My background goes away if I add Michaels suggestion:
To see if I did it correctly here is what I had
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
html {
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
margin-bottom:.01px;
min-height:100.2%;
And if I tried to add Murrays suggestion, nothing happened
To see if I did it correctly, here is what I had
html, :root { overflow-y:scroll; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;}
html {
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
height: 100%;
Again, I am probably not doing it correctly....
Thanks
Chris -
Vertical Scroller in ADF table
hi,
Can anyone tell me how to add vertical scroller/scrollbar for ADF table?
Thanks,
SenthilThanks for your replies.
(i) i tried setting scrollbar for IFrame, the scrollbar didn't appear. and in addition to that, the af:table doesn't come inside the frame. the frame comes separately below the actual table
my jsp code :
<afh:body >
<h:form>
<f:verbatim>
<iframe scrolling="yes">
<af:table>
</af:table>
</iframe>
</f:verbatim>
</h:form>
</afh:body>
(ii) With div tag, is it possible to get the vertical scroller alone. i am trying to get rid of the horizontal scrollbar. am exploring the options. -
Why do I have 2 Vertical Scroll Bars and 1 Horizontal one
Can anyone tell me from the code below where I am going
wrong. I have an AP Div inside an AP Div that has text content and
the overflow is at Auto which gives me a horizontal scroll bar but
also 2 vertical scroll bars instead of one in Firefox. What is the
reason for this? I hope someone can help me - here's the code:
<div id="apDiv6"><img src="frame.jpg" alt="Frame"
width="518" height="335" /></div>
<div id="apDiv23">
<p align="left">
<strong>Hors d'Oeuvres<br/><br/>
</strong><strong>Soupe...........</strong><br/><br/>Soupe
a l'oignon
gratinée............................................
$6.75<br />
</strong>Onion soup<br /><br/>
<strong>Soupe du Jour ..........................
$5.25<br/>
</strong>Soup of the day<br/><br/>
<strong>Les entrées
froides...........<br/><br/>
</strong><strong>Huîtres du
Jour.....................La Pièce $1.85<br/><br/>
</strong>
Oysters (served with Champagne shallot
vinegar)<br/><br/>
Salade et fromage, vinaigrette à la moutarde de
Dijon........ $6.00<br/>
Mixed salad with feta cheese, Dijon mustard
vinaigrette<br/><br/>
Salad frisée aux lardons et oeuf poché..........
$7.95<br/>
Frisée salad with bacon and poached egg, sherry
vinaigrette<br/><br/>
Salade de crabes, concombre et betterave, sauce
aïoli......$8.50<br/>
Crab salad with golden beet and cumcumber, aioli
sauce<br/><br/>
Foie gras cuit au torchon et
toast........$14.50<br/><br/>
Les entrées chaudes......<br/><br/>
Moules Marinières................$9.00<br/>
Steamed Mussels Marinieres, White Wine and garlic (Side
French fries $2.50)<br/><br/>
Poêle de ris de veau et épinards, jus au
romarin..........$9.50<br/>
Sautéed sweetbread with spinach, rosemary
jus<br/><br/>
Escargots de Bourgogne au beurre d'ail et
persil..............$7.50<br/>
Escargots from Burgundy in garlic parsley butter (plate
6)<br/><br/>
Les Plats<br/><br/>
Légumes........<br/><br/>
L'assiette végétarienne du Chef...............
$14.90<br/>
Chef Vegetarian<br/>
Red beet raviolis wih parmesan cheese and seasonal
vegetables, mushroom jus<br/><br/>
Poisson<br/><br/>
Pave de saumon, purée de pommes de terre et
épinards, sauce homard et vin blanc...... $16.50<br/>
Steamed salmon with mashed potatoes, spinach and mussels,
white wine with lobster sauce<br/><br/>
Filet de bar meunière, poireaux caramélisés,
sauce grenobloise.....$16.75<br/>
Sauteed bass served with caramelized leeks, Grenobloise
sauce<br/><br/>
Tronçon d'espadon legumes de saison couscous, safran
orange sauce.... $17.95<br/>
Sauteed swordfish with couscous and spring vegetables, orange
and saffron sauce<br/><br/>
Viandes et volailles......<br/><br/>
Boeuf Bourguignon et purée de pommes de
terre..........$16.25<br/>
Beef Bourguignon sered with mashed
potatoes<br/><br/>
Suprême de poulet, ragoût de macaronis poireaux et
chanpignons, sauce orange... $15.50<br/>
Roasted chicken breast, leek mushrooms macaroni ragout orange
sauce<br/>
Lapin façon Normande............$17.25<br/>
Rabbit Normandy served with Peruvian mashed
potatoes<br/><br/>
Le Cassoulet toulousain Maison...........$21.00<br/>
Home Made Cassoulet with beans (Duck leg Confit, port,
Toulouse sausage)<br/><br/>
Jarret d'agneau braise 6 heures, blettes jus d'agneau et
romarin.....$23<br/>
Lamb shank braised for six hours served with swiss chard,
rosemary lamb jus<br/><br/>
New York steak, french fries, shallot red wine
butter<br/><br/>
</p>
</div>
Thank you for helping!Hi,
This is a problem with firefox. It will always show
scrollbars if the div's css property of overflow is set to anything
except none.
Gaurav
www.gauravchandra.com -
Possible to have vertical scroll bar for a cell in ALV Grid (using methods)
Hi All,
I have a field with length 100 characters on a ALV Grid (using methods)..User doesn't want to scroll all the 100 characters horizontally to see the whole text rather he wants to have a vertical scroll bar for the cell so that he can scroll vertically.
Is it possible to have split the cell text into lines and have a vertical scroll bar for a cell in ALV Grid?
Regards
Jaker.Thanks for the suggestion Balu.I tried this , but while scrolling,headers also getting scrolled.
Becoz of this , if i scroll down to the last row,headers are getting hidden.
Headers should always be static.only the data should scroll.
Since h:datatable is being rendered as one table , i can div tag for this table alone.
If i have seperate datatable for headers alone i can do this .But i should not use two datatables. -
How to vertically scroll pdf in a webpage ios7
how to vertically scroll pdf in a webpage ios7
artifrommumbai wrote:
scrollbars dont appear, they appear on other IE browsers.
There is no such thing as IE for iOS.
There are alternate browsers for iOS - I use iCab Mobile and Chrome on occasion - check the app store. Most are free or very inexpensive. -
Flex Tree Vertical Scroll Bar Issue
When i click on the + image of flex tree than first time the vertical scroll bar is not coming but when when i minimize it and again click on + than it appears can any one tell me what is the issue??
Hi Rob,
I have tried changing styles of those div's in which I have my dropdown's are there but it didnt work.
Below is the code for reference:
<div class="k-animation-container km-popup" style="width: 250px; height: 206px; margin- padding- padding-right: 10px; padding-bottom: 15px; display: none; "><div class="k-list-container k-popup k-group
k-reset" id="MaintenanceType-list" data-role="popup" style="height: 200px; display: none; font-family: 'Segoe UI', Verdana, Tahoma, Arial; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; width: 244px; -webkit-transform: translateY(-206px);"><ul
unselectable="on" class="k-list k-reset" tabindex="-1" role="listbox" aria-hidden="true" id="MaintenanceType_listbox" aria-live="off" style=""><li tabindex="-1" role="option" unselectable="on" class="k-item"></li><li tabindex="-1" role="option"
unselectable="on" class="k-item">AUX - Accessories belonging to EA group</li><li tabindex="-1" role="option" unselectable="on" class="k-item">ARL - Artificial Lift</li>
Regards,
Jyothi -
Hi Everyone,
Can any one help me, how to add a left vertical scroll bar to left hand side of the page region. i know how to add vertical scroll bar for the report region to right hand side, but i would like to know how can i add vertical scroll bar to page region and that too left hand side of the page region.
Thanks
GowthamiMaybe try to implement your own scrollbar.
Or simply use CSS property direction.
You may need to use an other container to reset the direction, else your text will be written from right to left :
<div id="container1">
<div id="container2">
your content
</div>
</div>
#container1 {
direction:rtl;
overflow-y:auto;
#container2 {
direction:ltr;
text-align:left;
}But I think it is not cross browser, you have to check! -
Reportviewer Control vertical scroll bars
Hi,
I am using report viewer control to display reportins in a web application. For some reason I am not able to get the vertical scroll bars to show up. As a result the lower portion of the report is getting hidden. This was working in VS 2005 but it breaks in VS 2008. I tried some combinations of Size to Report Content, Asynch Rendering etc., but have not found any combination that works. Can anybody please help?
Thank youI can't repro this. If the report doesn't fit the control height, ReportViewer shows vertical scrollbars. In my case, ReportViewer is configured as follows:
Code Snippet
<div style="padding-top:10px">
<rsweb:ReportViewer ID="reportViewer" runat="server" Visible="True"
Width="100%" Height="100%"
ondrillthrough="reportViewer_Drillthrough" BorderStyle="Inset"
BorderColor="Silver" BorderWidth="1pt"
ExportContentDisposition="AlwaysInline" AsyncRendering="True">
</rsweb:ReportViewer>
</div> -
Was wondering if anyone has used the Vertical Scroller Magic
from Project7.
I'm having a hard time making the scrolling area taller then
what is currently set. I've tried changing the height in a few
places and setting the height in the outer most div, but still no
luck. Any suggestions on how i can make it taller?
Thanks
KGThe height is simply set in the Vertical Scroller Magic
interface and can be
changed at any time. From page 16 of the user guide (also
accessible by
clicking the Help button in the user interface)
"SCROLLER BOX HEIGHT OPTION
This determines the height of the scroller view port in
pixels. You must
enter a number greater than zero. If you are using a style
theme that
includes a complete set of scroll bar controls such as Chili,
Goldleaf,
Carbon, or Aero, be sure that you set the Scroller Box Height
to be higher
than the total height of the Up, Down, Play/Pause, and drag
bar control
buttons.
Note: While the height of the view port is set in the
interface, the width
of the scroller will always be the width of the page element
into which you
insert it. Be sure that this page element has sufficient
width to display
the scroller."
Note that we provide free support via email, newsgroup, and
telephone as
outlined in your User Guide, as well as on our main support
page:
http://www.projectseven.com/support/index.htm
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"
"KG800" <[email protected]> wrote in message
news:fmg53t$rsn$[email protected]..
> Was wondering if anyone has used the Vertical Scroller
Magic from
> Project7.
> I'm having a hard time making the scrolling area taller
then what is
> currently
> set. I've tried changing the height in a few places and
setting the height
> in
> the outer most div, but still no luck. Any suggestions
on how i can make
> it
> taller?
>
> Thanks
> KG
> -
Is there vertical scrolling epub books in iBooks for Mac?
I guess I'm a little spoiled with iBook for the iPad being able to scroll vertically instead of page turn
because I just can't seem to find it in iBooks for the Mac. Perhaps it's right in front of me and I'm not
seeing it... or perhaps it's just not implemented on the Mac version and if so why not? Many thanks!(bump)
A PDF cannot be vertically scrolled (iOS)
An EPUB cannot be vertically scrolled (OSX)
Starting to see a pattern here...
Maybe you are looking for
-
Unable to create logical port in SOAMANAGER
Hi All, When Im tryign to create a logical port for my consumer proxy I get SRT Framework exception: HTTP: Current user does not have the required authorization to access the HTTP destination. Any clue what authrizations I need? I didnt get this erro
-
MacBook wont boot up all the way!!
I recently updated my computer with Quiktime and itunes applications and it asked me to restart after updates were complete. It restarted but it gets stuck on the gray screen with the apple and the turning wheel and wont go any further. I read simila
-
RelayState parameter is full support with ADFS in Windows Server 2012?
We have implement Single Sign-On with ADFS. (Service Provider - salesforce.com , identity provider - ADFS). When we authenticate with ADFS it will authenticate successfully, but it will redirected to salesforce full site instead of mobile site. Sales
-
Disconnect session and kill session
Hi what is the difference between disconnect session and kill session Edited by: Pascal Nouma on 21/10/2009 16:23
-
Hi Everyone, I recently bought a new iPhone. I did download some apps and also synced my iPhone to my MacBook Air. The reason i am mentiong this is because ever since the iPhone, I am getting news feeds/article updates/blog updates in the Notificatio