Show and hide the scroll bar

Hello!

How could I show and hide the scroll bar attached to a dynamic text field depending on the size of the text?
I tried different solutions based on bottomScroll and maxcroll, but nothing works...

Thank you very much in advance for your help.

Best regards
Gerry

If you use a text field, you can do a simple test:

If (textInstance.textHeight > textInstance._height) {}
show the ScrollBar
}

--
Dave-
Developer leader
http://www.blurredistinction.com
Adobe Community Expert
http://www.Adobe.com/communities/experts/

Tags: Adobe Animate

Similar Questions

  • Activate the auto-hide the scroll bars Folio

    Hello

    I just read on several websites that there is a way to hide the scroll bars that, by default, to cover 6 pixels of the folio on display site, but I couldn't find where and how to select this option. Apparently, it is called 'Enable Auto hide the Scrollbars of Folio'.

    I'm a little confused that I read so often that it's possible, but never how you can do it. Did I something wrong?

    Bildschirmfoto 2013-08-28 um 16.24.42.jpg

    (I work with the CC DPS/InDesign on an iMac 2009 the latest version of OS X Lion mountain and want to make an iPad app.)

    You select this option in DPS App Builder when you create the application. It is in the section of the Advanced Options in the App Details page.

    http://helpx.Adobe.com/Digital-Publishing-Suite/help/create-custom-Viewer-app-iPad.html

  • Auto hide the scroll bar does not work (SE)

    I recently built a simple editing with the new setting "Auto Hide Scrollbar" Viewer, but it does not work as expected on my ipad.

    See the screenshot number and the version of the viewer below:

    IMG_0537.PNG

    The scroll bar and the superposition of 6px are still persistent on the screen.

    -Johannes

    Thanks for reporting this. I've logged it as a bug.

    Neil

  • How to hide the scroll bar in the carousel component

    Any person to provide information to hide/invisible the scroll bar in the carousel component


    Thank you and best regards,
    Felix

    Published by: 790321 on October 20, 2010 02:22

    Hello

    I'm too interested in the use case. However, the scroll bar can be removed using count. There are three switches of skin, one for the scroll bar and one for each of the navigation buttons. If you set the and add display: none as their value then the scroll bar allows you to hide

    Frank

  • Hide the scroll bar on HTML elements

    HTML elements on the slot mask Web page the bar scroll of Firefox. Who should never be allowed to happen, right? It happens that particular page but not other pages on the same site. Do not have a clue as to why, but it's obviously a bug that needs fixing.

    Page in question: http://pfangirl.blogspot.se/2010/05/rip-frank-frazetta-father-of-fantasy.html

    Screenshot: http://i.imgur.com/V8U4aav.png

    This isn't the main scroll bar attached to the body or html element, but a scroll bar, attached to a scrolling div container which is part of the page. This is just one example of poor design. I see the same thing in Google Chrome and this widget at the top of the page there are a lot more time with 5 elements.

  • Programmatically hide the scroll bars

    Hello

    How to hide scroll bars programmatically?

    Jick

    You have the server property vi 'pane' in which you can control the visibility of the scrollbar during execution.

  • Show and hide the text in a page of questions / answers

    I need to create a FAQ page in Flex3. The page initially lists all questions with a "Show" button after each question.

    A click of a button 'Show', the answer to this specific question is inserted and displayed below

    the question and the button becomes "hide the answer.

    A click on the button "Hide the answer," despairs the answer to this question, the questions (and answers if there is)

    below moves upward to support the space and the button becomes «See the answer»

    Suggestions or examples? DataGrid with masking of rows? Directly using state transitions?

    I would use visible and includeInLayout properties

    Alex Harui

    Flex SDK Developer

    Adobe Systems Inc..

    Blog: http://blogs.adobe.com/aharui

  • One button - show and hide the function

    Hi I want to use it to be able to click the button once to show a subfield and click again to hide

    I hide the code to the click event and click to show works of stage, but the second click does nothing

    my code is:

    If (help1vidlist.presence = "hidden") {}

    help1vidlist. Presence = "visible";

    } else if (help1vidlist.presence = 'visible') {}

    help1vidlist. Presence = "hidden";

    }

    any ideas?

    Thank you

    I think that you should use the operator 'is' under the conditions, it is;

    If (help1vidlist.presence == 'hidden') {}

    help1vidlist. Presence = "visible";

    } Else if (help1vidlist.presence == 'visible') {}

    help1vidlist. Presence = "hidden";

    }

    Concerning

    Bruce

  • Responsive Design - Show and hide the div tags

    Hello

    I am building a website using sensitive design. I want a certain div tag to be read on a desktop and a tablet but then to disappear and a different div be made visible on the mobile device.

    I realized the above with the code below, but I found a problem. The problem I found is that the div is hidden here still an empty space remains there then it creates a large empty space. Anyway is to hide this great space?

    (mobile)

    {#tab-container}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    {#phone-tabs}

    display: block;

    visibility: visible;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    line-height: 30px;

    }

    (Tablet)

    {#tab-container}

    display: block;

    visibility: visible;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    {#phone-tabs}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    (office)

    {#tab-container}

    display: block;

    visibility: visible;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 70%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    {#phone-tabs}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 70%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 0px;

    padding-bottom: 0px;

    text-align: center;

    border-top-width: 0px;

    border-bottom-width: 0px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    Thanks for your help!

    Alex

    Try to delete the two lines, as shown below.

    Display: block overrides display: no because it is further down in the code.

    For this reason, visibility: hidden comes into play. This statement is exactly intended to hide the contents, while leaving the blank space.

    Edit: I think that really is all you need:

    {#tab-container}

    display: none;

    }

    (mobile)

    {#tab-container}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

  • How to hide the scroll bars in the tablet of Muse and Mobile version

    I used this code, but it did not work,

    < style type = "text/css" >

    HTML, body {overflow-x: hidden ;}}

    HTML, body {overflow-y: hidden ;}}

    < / style >

    Please, have a solution to my problem?

    You can try using this:

    http://www.qooqee.com/Adobe-Muse-freebies?product_id=128

    Thank you

    Sanjit

  • Show and hide the symbols on the click event

    Hello

    I have 4 text overlays. Each of them can be clicked and opened individually. Any combination of them could be opened at any time. It can also be closed individually buttons within the same window.

    In the assets Panel, I have a set of buttons that sit on the text overlays. What I want to do is to start with the visible buttons. Once all 4 text overlays is open the buttons are hidden. Once all 4 text collections are closed the buttons must be visible again.

    I would be grateful for anyone's help.

    You can set your buttons to display off the coast in the interface user, then show(); in your case.

    Example:

    SYM.$('elementName'). Show();

    You can use an indicator of close all when the flag is true:

    Insert a variable in each symbol example

    A = 1;

    B = 1;

    C = 1;

    D = 1;

    then have a conditional in each event which will check the variable

    If (A == 1 & B == 1 & C == 1 & D == 1) {}

    code to display your buttons

    } else {}

    code to hide your buttons

    }

  • Show and hide the problem of groups (topics) of Param

    My plugin brought fairly complex has quite a few settings, I've grouped using topics to keep things neat. The user can choose which limits to start or stop using a checkbox for each. Turn on a checkbox displays the settings group; turn off, cover the group settings. I use the following code in a function called from PF_Cmd_USER_CHANGED_PARAM and PF_Cmd_UPDATE_PARAMS_UI:

    AEGP_StreamRefH wfm_streamH = NULL;

    A_Boolean hide_wfmB =! params [QPGA_SCOPE_OPTION_WFM]->u. bd. value ;     The value hide_wfmB to the inverse of the value of the checkbox

    AEGP_EffectRefH                    meH                                                  = NULL;

    AEGP_SuiteHandler suites (in_data->pica_basicP);

    ERR (suites. PFInterfaceSuite1 ()->AEGP_GetNewEffectForEffect(NULL, ->effect_ref, & meH in_data));

    Example - waveform monitor only, but in the code for real there is one of these for each of the groups of five range

    ERR (suites. StreamSuite2 ()->AEGP_GetNewEffectStreamByIndex(NULL, meH, QPGA_WFM_TOPIC_START, & wfm_streamH));

    etc...

    Visibility Toggle of the parameters

    ERR (suites. DynamicStreamSuite2 ()->AEGP_SetDynamicStreamFlag(wfm_streamH, AEGP_DynStreamFlag_HIDDEN, FALSE, hide_wfmB));

    etc...

    if (meH) {

    Err2 (suites. EffectSuite2 ()->AEGP_DisposeEffect(meH));

    }

    if (wfm_streamH) {

    Err2 (suites. StreamSuite2 ()->AEGP_DisposeStream(wfm_streamH));

    }

    etc...

    It works fine when the check box is selected, but the problem is if I save my instance effect as a preset of effects. When I apply the preset to a new layer, I get for example, all parameters in the hidden groups appear less their group themes, when they should be hidden. These two images show what controls should look like, and what they look like:

    Expected result:

    qpga_params_correct.jpg

    Actual result if the application via an effect preset:

    qpga_params_incorrect.jpg

    Settings between the red lines are those of the four other groups that should not be displayed.

    I hope this makes sense. My hunch is that I have to disable sur-ou * every * parameter within a group. This will require a lot of flow Ref handles well and seems a little inelegant/inefficient!

    One thing I do not use sequence data - I tried this because he was part of the sample project (master of work, I think), but it did not affect the result. I thought that the sequences were a red herring here anyway.

    Thanks in advance!

    Christian

    Unfortunately, you can't hide/show each param within a group, or such bugs happen. (for example, which appears in the timeline panel is touch-ups)

    However, as the coding of the problems come, is not a problem. only a nuisance.

    (and you're right, the sequences have nothing to do with this problem)

  • Show and hide the drop-down menus on the page of the product, based on selected values

    Hello.

    I wish that my product page to view different drop-down lists following, based on the values of individual drop-down list.


    I managed to achieve this through JavaScript, but I don't like how it works.

    As far as I know, there is no identifier for each individual drop-down list to determine who it is, so I can't for the moment is to rely on their order in the DOM, which is bad and it is difficult for me to create a solution that might work for all products.

    For example, if the following is a single attribute:

    < div class = "catProductAttributeGroup" style = "" display: none; "> < div class ="catProdAttributeTitle"> metal Foiling < / div > < div class ="catProdAttributeItem"> < select > < option value =" ">--please select--< / option > < option value ="6051720"> not necessary < / option > < option value ="6051721"> sheet ONE side + £45 < / option > < option value ="6051722"> Foiling BOTH sides + £75 < / option > < / select > < / div > < / div >"

    I would like to than the div outermost having some sort of html attribute that contains the product id attribute. Something like: data-attribute id = "XXXXXXX". Is this possible?

    Here's what I have so far:

    I use {tag_attributes_json}, {tag_product_json} and {tag_currency} to get these values in javascript on the page loading, so I can use them later.


    Then, I hang on to change the events of the drodpowns I have and then toggle their visibility based on those who are selected. I rely on the jequery ': eq (n)' selector to achieve, I don't like. Is there an option with {tag_attributes} which to add additional information (such as the ID attribute on the menu drop-down) on the generated HTML code?

    All works in the beginning, but if I can 'Add to Cart', the product element get ajax-reloaded and events are suddenly off the hook, so it no longer works. For this one, there are two options:

    1. I could hang on to an event that triggers once the product added to the shopping cart and the page is ready. Is there such an event?

    2. I could set up my own add to cart using bcInternals.shop.addToCart. I tried to do this, but I have two problems with it.

    a. addToCart seems add my selection twice, for some reason any. Any ideas what I could do wrong?

    b. the news of cart in the upper right corner don't refresh. Apparently, he's trying to refresh, but there is a kind of access error in the script. This part is not yet fully added to the page, but there is a function which would add it to the basket at the bottom of the largest block of script. Am I using the function addToCart incorrectly?

    It's the page, sure I have the feature added partial implementation:

    Matt Laminated business cards

    The scripts are currently embedded in the HTML code. Once I put it in place correctly, I would like to extract in a separate file. Search for "'$productAttributesElement ' to find the block with the features and for 'productInfo' to find the part where I store the product with tags. _json data "

    Hello

    No worries, na not know if you have solved or that the answer was not helpful

    You need trigger the script you in the presentation of product details model, or you can add a listener for the container of the product and to trigger the script if changes are detected.

    Concerning

  • Script to show/hide the menu bar in the preferences

    Hi all

    First of all, my knowledge of script is fairly limited, so bear with me, okay?

    So, I was wondering if you could write a script that activates / deactivates the system preferences to show or hide the menu bar? I found this article http://goo.gl/Q8udo , but like I said, I have very limited knowledge about scripts, hilarious is actually what I want is beyond what I can do.

    Anyone with the knowledge and patience to share the line of code necessary to do this?

    Thank you very much!

    Rui

    Why would you not just select the system of general preferences setting to automatically hide and show the menu bar? Move the pointer of your mouse at the top of the screen and the menu bar appears until the mouse retired. Application launch does not cause the bar menu to reappear and once revealed, shows the elements of the application menu. OS X 10.11.3.

  • Try to scroll to see the folder of photos. I scroll down and the scroll bar jump upward.

    I want to display an image file.  When I scroll down and drop the scroll bar of the jumps back to the top.  I can't access all files below a few albums.  Until I have a chance to click on the folder to open it, the bar rises to the top.

    Hello CathiVanderhave,

    Please provide the make and model of your PC. In addition, please relay if the problem occurs when you try to view other files. You also try to perform a clean boot to verify if a background program may interfere. To do this, please see the link below:

    http://support.Microsoft.com/kb/929135

    Thank you

Maybe you are looking for