Horizontal scroll (like IOS) ????????????????

I have a movieclip on my stage with a instance of contentAll, i want this to scroll horizontally (up, and down) and have a small ease, but i am a complete noob and need help doing this!

try:
var completeTween:Boolean;
var finalMouseY:int;
var startMouseY:int;
mc.addEventListener(MouseEvent.MOUSE_DOWN, onDown1);
mc.buttonMode = true;
function onDown1(e:MouseEvent):void {
startMouseY=mouseY;
completeTween=false;
stage.addEventListener(MouseEvent.MOUSE_UP,onUp1);
    MovieClip(e.currentTarget).addEventListener(Event.ENTER_FRAME,tweenF) ;
function tweenF(e:Event):void{
var mc:MovieClip=MovieClip(e.currentTarget);
if(completeTween){
mc.y = .5*(mc.y+Math.min(800,finalMouseY));
if(Math.abs(mc.y-Math.min(800,finalMouseY))<1){
   e.currentTarget.removeEventListener(Event.ENTER_FRAME,tweenF);
} else {
mc.y = .5*(mc.y+Math.min(800,mouseY-startMouseY));
function onUp1(e:MouseEvent):void {
completeTween = true;
finalMouseY=mouseY-startMouseY;
stage.removeEventListener(MouseEvent.MOUSE_UP,onUp1);

Similar Messages

  • Horizontal scroll a movieclip in iOS

    Hello,
    I'm trying to found some extension or library to horizontally scroll a movieclip in a iOS aplication made with AIR 3.5.
    I tried some, but the perfomance are not so good, even in iPhone 5 or iPhone 3Gs, so if anyone knows a good way to do it, i'll be thankful.

    I just played a little with tweenlite, and bought a GreenSock Club membership, to get all the plugins. A bit expansive, but totally worth it, now my scroll works very well when moving a very big image, even in the old iPhone 3Gs.
    Thank you for your advices.

  • Horizontal scrolling gallery like this website

    Hi,
    having seen this website on Muse's "site of the day" gallery, I was wondering how the horizontal scrolling gallery is done using Muse?
    http://4ad20.themysteryparade.com
    Are there any tutorials explaing this technology - can you point me to a site? Any experts that have an answer how to do this?
    Thanks so much,
    Markus

    You can change the the Page width , as per your requirement. We just need to assemble few asset, please have a look to the following Video which I have created for you, that should clear few things, in my example, I have created a page with following properties,
    Width: 3000px;
    Height: 500 px;
    Background Fill: none;
    Browser Fill: image; Scale to Fill, Scrolling: Unchecked.
    http://gauravtestsite4.worldsecuresystems.com/Gaurav/2013-09-18_1525.swf
    I hope this will give a basic idea.

  • Expand horizontal scroll panel on both sides for a zoom in effect

    Hi,
    I'm creating an interactive timeline with Flash Catalyst. It is set up as a long horizontal scroll panel which contains buttons that link to states with photos and text about historic events. One feature I would like to include is a zoom feature, like the one found on the bbc British history timeline (http://www.bbc.co.uk/history/interactive/timelines/british/index_embed.shtml ). E.g., when you click on a colored section of the horizontal scroll panel it will zoom in to view that timeframe in more detail.
    The problem I'm running into is that I can't expand the scroll panel to the left. So, I can go into edit mode for the scrolling content, create a second state, and enlarge the scrolling content in that second state to create a zoom in effect. However, because the scrolling content will only expand to the right, I can't line up the interaction correctly.
    Is there a workaround for this in Flash Catalyst?

    have a peek at this:
    on the left, the corner radius (the red line) is enough to create a curve on the inside of the stroke. on the right, it isn't large enough.

  • Left Aligning an Anchor object in a horizontal scroll

    I'm sure the answer to this is going to be so simple I'll be forced to learn how to kick myself.
    I have a website that contains a static header section and a table row that contains a number of pictures in a horizontal scroll.  The rest of the page does not scroll, just this one table row.
    I want to be able to designate some of the pictures as the starting point for a new section.   So I created an reference link at the top of the page,
    <a href="#portraits">PORTRAITS</a>
    and then designated one of the pictures to be the target
    Start of table row
    <table><tr>
    <td>...........pictures
    <td><a name="portraits">
    <img src="gallery/5a.gif" alt="" class="transparent5" /></a>
    <p class="notes">PORTRAITS</p>
    <p class="title">&rarr; </p></td>
    <td>
    ........continues on,
    So the question is, once a user clicks the reference how can I ensure the target aligns on the left side of the page?    currently what is happening is it is just being brought into view on the right hand side.     This isn't the estetic the site owner wants.
    Thanks for looking.

    Hi Nancy, (or anyone else with input )
    I can't seem to invoke the horizontal scroll for the site.  It may be because I have the scrolling in a single table within the body and the script seems to be calling out the full <body> tag for the target.
    my feeble attempt is here - http://www.lightmonkey.ca/indexjs.html
    The button list looks like this,
    <ul id="nav" class="scroll"  >
        <a href="#portraits">PORTRAITS   </a>
        <a href="#performance">PERFORMANCE     </a>
        <a href="#editorial">LIFESTYLE + EDITORIAL      </a>
        <a href="#industrial">INDUSTRIAL      </a>
        <span class="style6"><a href="http://lightmonkeyphotography.wordpress.com/" target="_blank">BLOG  </a></span>
        <a href="#contact">CONTACT </a></ul></td>
    So I think the JS function will call 'ul.scroll'  according to the syntax from the tutorial site, (bold in snippet at bottom)
    The start of the scrolling table looks like this,
    <div id="main"><div id="gallery">
    <table><tr>
    <td><a name="portraits">
    <img src="gallery/5.gif" alt="" class="transparent5" /></a>
    <p class="notes">PORTRAITS</p>
    <p class="title">&rarr; </p></td>
    <td>
    etc
    so what would be the function target?  (target, my term, also in bold in the snippet below)
    <!-- The JavaScript -->
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>       
            <script type="text/javascript" src="reffile/easing.js"></script>
            <script type="text/javascript">
                $(function() {
                    $('ul.scroll a').bind('click',function(event){
                        var $anchor = $(this);
                        if you want to use one of the easing effects:
                        $('html, body').stop().animate({
                            scrollLeft: $($anchor.attr('href')).offset().left
                        }, 1500,'easeInOutExpo');
                        $('html, main').stop().animate({
                            scrollLeft: $($anchor.attr('href')).offset().left
                        }, 1000);
                        event.preventDefault();
            </script>
    Any suggestions on this?
    Thanks again!  tried to just figure it out but 3 dozen combinations have not worked out....

  • Horizontal Scroll bar in a web table

    Guys,
      is it possible to have horizontal scroll bar in webtable , not like the webtable propery for each column.
      just i want drag a scroll like blanket in webtable like in internet explorer.
      will assing full points for fix.
    Thanks
    Shan

    Hi Shan,
    The problem is not clear, but if you are talking about a table web item within Web Application Designer then there is a property for the number of columns to be displayed per page. Just set that property to an appropriate number. Remember while setting the property that it applies only to key figures and not characteristics. So if you set it to say 5 - it will display the horizontal scroll option if you have more than 5 key figures in your table.
    If you do not want the SAP default scroll bar then set this property to a sufficiently high number so that the table is not broken up - in this case you will get the default internet explorer based scroll bar since the table will not fit in a single screen.
    Hope it helps,
    Regards,
    Nikhil

  • Horizontal scroll bar for the adf page

    Hi,
    We have around 7 tables in single jsff page. Here , we have a requirement like :
    We need to show horizontal scroll bar for the entire page instead of each table. Is there any way to get this.
    As of now, we have horizontal scroll bar for each table, but our customer is not accepting this, that want the scroll bar for the entire page.
    Please suggest the approach.
    Thanks

    I have grouped all the tables in panelgrouplayout.So, what is the problem (because it is not quite clear what you need)?
    If your PanelGroupLayout is with layout="horizontal", then the tables will be rendered next to each other horizontally but there will be no horizontal scrollbar on the page.
    If your PanelGroupLayout is with layout="scroll", then the tables will be next to each other vertically and there will be a horizontal and a vertical scrollbar on the page (if necessary).
    If you need your tables to be relocated next to each other horizontally and to have a horizontal scrollbar on the page, then use a PanelGroupLayouts(horizontal) inside a PanelGroupLayout(scroll):
    <af:panelGroupLayout layout="scroll">
      <af:panelGroupLayout layout="horizontal">
        <af:table> ... </af:table>
        <af:table> ... </af:table>
        <af:table> ... </af:table>
      </af:panelGroupLayout>
    </af:panelGroupLayout>If your problem is that you still have horizontal scrollbars inside the tables, then you should set appropriate widths to the corresponding tables (e.g. to <af:table> tags) such that they are large enough to fit the sum of corresponding column widths.
    ya, I know that its not god design, but its customer requirement, so we need to do that.If you expect some table(s) to be stretched automatically according to the size of browser's window, then you should re-think your UI design because PanelGroupLayouts do not stretch their children. A possible solution is to use a combination of PanelSplitters or other layout containers that stretch their children.
    Dimitar

  • Horizontal scroll bar missing after switch to Apex 4 theme

    Hi,
    I upgraded Apex to 4.02 and switch my application theme from old 3.2 theme to new Apex 4.0 theme,
    I found that all the Apex 4.02 won't show horizontal scroll if the interactive report width larger than the browser windows width.
    Is this the default behaviour of all the 4.0 theme?
    How can I change it to display the horizontal scroll bar.
    Thanks
    Vincent

    How about editing the template with some css?
    something like this should fix your problems (worked fine for me)
    #two-col
    overflow: auto;
    dont forget to change the template body (Shared Components --> Templates --> Edit Page Template )
    (div class="tab-holder")
    #REGION_POSITION_04#
    (/div)
    note: I reversed the tags to ( ) because it dont shows them else
    Edited by: Blacksev on 26.01.2012 22:21
    Edited by: Blacksev on 26.01.2012 22:57
    Edited by: Blacksev on 26.01.2012 22:58

  • Horizontal scroll bar in AWT List

    I need to shrink the width of my list by putting a horizontal scroll bar. Does anyone know how to add one onto my list component

    The code looks like this. I can really use some help here.
    Label grp = new Label("Group By:");
         buildConstraints(constraints, 0, 2, 1, 1, 1, 1);
         gridbag.setConstraints(grp, constraints);
         add(grp);
         grplist = new List(4, false);
    buildConstraints(constraints, 1, 2, 1, 1, 1, 1);
         gridbag.setConstraints(grplist, constraints);
         for(i = 0; i <= number_of_fields; i++){
              grplist.add(data[0]);
    add(grplist);
         data6 = new Checkbox("6 sigma data",false);
         buildConstraints(constraints, 1, 12, 1, 1, 1, 1);
         gridbag.setConstraints(data6, constraints);
         add(data6);
         show = new Checkbox("Show values",false);
         buildConstraints(constraints, 1, 13, 1, 1, 1, 1);
         gridbag.setConstraints(show, constraints);
         add(show);
         aver = new Checkbox("Plot Average",false);
         buildConstraints(constraints, 1, 14, 1, 1, 1, 1);
         gridbag.setConstraints(aver, constraints);
         add(aver);
         remove(aver);

  • Horizontal scroll bar in OAF screen flexible layout

    Hi Gurus,
    We have developed an OAF screen using flexible layout. Currently we have two tabs showing in the same window. We are unable to increase the number of columns in the result table of the flexible layout as there is no horizontally scroll bar getting added dynamically.
    Please let me know any pointers on this.
    Thanks in Advance.
    Thanks & Regards,
    Nagesh.

    Tapash,
    I hope ur talking about this thread:
    Page Scrolling
    User did it in JTF i.e. jsp not in OAF, thats' what I was thinking, because OAF does not provide js api's for OATableBean, unless I create my own custom table , like we do in jsp.
    --Mukul                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               

  • Horizontal Scroll Bar not displaying

    Hi,
    We have a page with many recursive tables for alignment.
    We have a lot of graphs displayed horizontally, so that we need to scroll the page horizontally.
    We happened to change the layout and suddenly we are missing the horizontal scroll bar !!
    We could not scroll to see the hidden page details.
    This happens only in IE6, IE7. Firefox, Mozilla displays it with horizontal bars
    Does anybody knows as what the problem could be ??
    - Mohan

    Horizontal Scrollbar in base window... has nothing to do with Framework, its a browser feature and should appear automatically. I m still wondering what must have caused in ur cause.Can u upload the page screenshot on any pic website, would like to have a look !
    There is CSS work around for this but it would be difficult to inject it in a OAF page!Anyways upload the screenshot.
    --Mukul                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               

  • Horizontal Scroll Box in Adobe Edge

    Hello!
    I am very new to html and css coding. I've been teaching myself adobe edge animate to build a website from scratch since it is very similar to After Effects, a program i am comfortable with.
    I was wondering how would i go about making a horizontal scroll container that would house image files.
    Here is an example: http://golfwang.com/fall-winter-2013-lookbook/
    This site translates very well to mobile as well, you can swipe with your fingers in either direction to get the box to scroll. Thank you in advance for any input on the subject.

    Thank you Zaxist.
    I actually ended up using your post from this thread to solve my problem: http://forums.adobe.com/thread/1144336
    I just did everything you said, i took all my pictures and made them a symbol followed by changing the overflow size and setting it to auto.
    The only problem im getting now is it wont switch to the custom scroll bar. Does it specifically only work with Text? Like i said before, i have no knowledge of html or css, i just barely understand the concepts and where to drop in my div tags, etc.

  • Horizontal Scroll Problem in Rendering in After Effects

    I am having a 30 minute video in which i need to ADD a horizontal scroll till video end, I made a JPG file of 6000px width and 40px height. Place it in a comp with horizontal scroll effect with -70 speed and adding this code in tile centre expression.
    offset = effect("Autoscroll - horizontal")("Speed (pixels/second)") * (time-inPoint) * (100/scale[0]);
    reset=thisLayer.width*10; //reset after 100 times the width has been scrolled
    [(thisLayer.width/2 + offset)%reset, thisLayer.height/2]
    Now when i check it in Ram preview it works fine but when i render it via AME then it stopped somehwere like
    8.20 minute - 13 minute
    19.52 minute - 22 minutes
    between this time scroll doesn't work. Please help me how to solve this problem, It's really urgent for me I need to complete a project.

    I'm not sure what is going on but a better workflow may be to create the scroll as a separate AE comp by pre-composing it, then render and replace in your comp or add the scroll in Premiere Pro and render your deliverable from there.
    It looks like you want the scroll to repeat. The repeat may be where the problem lies. Another approach would be to have your scroll move once, trim the layer to the end of the scroll, Pre-compose trimming the pre-comp to the length of the layer, and then either loop the pre-comp in your main comp using time-remapping and loopOut("cycle") in time remapping, or render and replace the pre-comp and loop the footage indefinitely in Footage Interpretation.
    I tend to to simple title scrolls on Premiere Pro because it's so easy if it's just text and it renders a lot faster than from AE.

  • Horizontal scroll bar in FF4.0 not working

    The horizontal scroll bar takes the full width of the window and doesn't allow to scroll left or right.
    Occurs only in FF4, page displays fine in FF3.x, IE, Chrome.
    try http://bajkionline.com/krecik.html

    I have removed FF4 and reinstalled FF3.6.16 and the search bar works fine - like it always did.
    Shame I cannot use FF4.
    Would you please let me know when a solution to this problem can be found? BTW I do have Copernic Desktop Search installed. When I installed FF4 I did get a message that the Copernic add-in was not compatible. Could this be a problem?

  • [UNSOLVED] Synaptics Touchpad & Firefox: Horizontal Scroll

    Hey guys.. i'm having a problem with my laptop's Synaptics Touchpad and Firefox.
    I can't seem to get my touchpad to allow me to scroll horizontally in the browser (when, say, there's a wide image on a page for instance). Whenever I try to scroll by sliding my finger side-to-side on the bottom edge of my touchpad, the page scrolls up and down, just like the vertical scroll on the right edge!
    At first I thought it was a problem with horizontal scrolling on the Synaptics driver in general, but I discovered that if I have something like File Browser open, I can scroll horizontally with the touchpad, so the problem lies ONLY with Firefox.
    I have looked for solutions already and everything I find only talks about a possible issue where Firefox might treat the Touchpad's horizontal scrolling and Forward and Back actions and how to fix this. But this is not the problem I am having. But I do have mousewheel.horizscroll.withnokey.action set to 1 in my about:config, which from what I've read is supposed to be correct to allow h. scrolling.
    Any ideas?
    Last edited by flintmecha (2008-12-01 23:24:37)

    FYI, with my Synaptics touch pad and firefox, it works, but I have the mousewheel.horizscroll.withnokey.action set to 0 (default). In fact, all of the settings in about:config with 'mousewheel' in them are all at the default setting. I just had to setup the xorg.conf (old way) or the the /etc/hal/fdi/policy/11-x11-synaptics.fdi (new way) correctly to enable the horizontal scrolling.
    Good luck!
    Scott

Maybe you are looking for