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.

Similar Messages

  • How do you horizontal scroll a movie clip?

    Can anyone suggest any resources for horizontal (left to right) scrolling a movieClip? I want to be able to scroll through a movie clip that has pictures in it. I can't find any good ones that explain the code. FYI, I do not want the user to use a scroll bar to scroll through. They should be able to touch the screen (on the movieClip) and scroll left or right. I looked at the ThrowPops plugin example on Greensock's website but the code is not explained very well.  So I need a basic description of how to scroll a movie clip.

    google: as3 beginner tutorial flash ios movieclip scroll

  • Horizontal Scrolling

    Hey guys, I'm trying to make a section of my web page scroll horizontally. I have found several working examples of this but they all make the entire <body> tag scrollable. I want just the blue outlined section in the following image to scroll and for everything else, including the background, to stay fixed to the page.
    You can visit the live site at http://www.kylelord.com. I will also include the code to the body section here to make it easier but you can view the source on the live site if you'd rather.
    <body>
    <div id="container">
              <div id="header"></div>
        <div id="content">
                        <div id="about">
                                  <div id="aboutHead"></div>
                                  <div id="aboutBody">
                          <p>Graphic designer in the Philadelphia and New York area.</p>
                          <p>Driven and hard-working person with an excellent sense of design.</p>
                          <p>Specialties include publication, advertising, and web.</p>
                </div>
                                  <div id="contact">
                <p><a href="mailto:[email protected]"><img src="images/mail-02.png" /> [email protected]</a></p>
                <p>   <img src="images/phone-02.png" />     <span class="mobile"><a href="tel:18459268873">845.926.8873</a></span></p></div>
                        </div><!--end about section-->
                        <div id="featured">
                            <div id="featuredHead"></div>
                              <div id="row1">
                          <!--PS3 LightBox-->
                                <span class="imagePlaceholder"><a href="images/portfolio/fullsize/ps3_1.png" rel="lightbox[ps3]" title="Playstation 3 Ad Campaign"><img src="images/portfolio/thumbs/ps3_thumb.png" class="imageCenter" /></a>
                              <a href="images/portfolio/fullsize/ps3_2.png" rel="lightbox[ps3]" title="Playstation 3 Ad Campaign"></a>
                        <a href="images/portfolio/fullsize/ps3_3.png" rel="lightbox[ps3]" title="Playstation 3 Ad Campaign"></a>
                    </span>
                    <!--The Modern LightBox-->
                    <span class="imagePlaceholder"><a href="images/portfolio/fullsize/mod1.png" rel="lightbox[modern]" title="The Modern Restaurant Identity and Menu | Dinner Menu"><img src="images/portfolio/thumbs/modern_thumb-02.png" class="imageCenter" /></a>
                              <a href="images/portfolio/fullsize/mod2.png" rel="lightbox[modern]" title="The Modern Restaurant Identity and Menu | Dinner Menu"></a>
                        <a href="images/portfolio/fullsize/mod3.png" rel="lightbox[modern]" title="The Modern Restaurant Identity and Menu | Dinner Menu"></a>
                        <a href="images/portfolio/fullsize/mod4.png" rel="lightbox[modern]" title="The Modern Restaurant Identity and Menu | Drink Menu"></a>
                        <a href="images/portfolio/fullsize/mod5.png" rel="lightbox[modern]" title="The Modern Restaurant Identity and Menu | Drink Menu"></a>
                        <a href="images/portfolio/fullsize/mod6.png" rel="lightbox[modern]" title="The Modern Restaurant Identity and Menu | Dessert Menu"></a>
                        <a href="images/portfolio/fullsize/mod7.png" rel="lightbox[modern]" title="The Modern Restaurant Identity and Menu | Identity"></a>
                    </span>
            </div>
                      <div id="row2">
                          <!--Ludwig and Son's LightBox-->
                                <span class="imagePlaceholder"><a href="images/portfolio/fullsize/lud1.png" rel="lightbox[lud]" title="Ludwig & Son's Corporate Identity"><img src="images/portfolio/thumbs/lud_thumb-02.png" class="imageCenter" /></a>
                              <a href="images/portfolio/fullsize/lud2.png" rel="lightbox[lud]" title="Ludwig & Son's Corporate Identity"></a>
                    </span>
                    <!--The Audition LightBox-->
                    <span class="imagePlaceholder"><a href="images/portfolio/fullsize/ed1.png" rel="lightbox[ed]" title="Alternative Press Editorial"><img src="images/portfolio/thumbs/ap_thumb-02.png" class="imageCenter" /></a>
                              <a href="images/portfolio/fullsize/ed2.png" rel="lightbox[ed]" title="Alternative Press Editorial"></a>
                              <a href="images/portfolio/fullsize/ed3.png" rel="lightbox[ed]" title="Alternative Press Editorial"></a>
                              <a href="images/portfolio/fullsize/ed4.png" rel="lightbox[ed]" title="Alternative Press Editorial"></a>
                    </span>
                      </div>
                      <div id="row3">
                          <!--Kindle LightBox-->
                                <span class="imagePlaceholder"><a href="images/portfolio/fullsize/ad1.png" rel="lightbox[kindle]" title="Kindle Advertising Campaign"><img src="images/portfolio/thumbs/ad_thumb-02.png"  class="imageCenter" /></a>
                              <a href="images/portfolio/fullsize/ad2.png" rel="lightbox[kindle]" title="Kindle Advertising Campaign"></a>
                        <a href="images/portfolio/fullsize/ad3.png" rel="lightbox[kindle]" title="Kindle Advertising Campaign"></a>
                        <a href="images/portfolio/fullsize/ad4.png" rel="lightbox[kindle]" title="Kindle Advertising Campaign"></a>
                    </span>
                    <!--Calendar Lightbox-->
                    <span class="imagePlaceholder"><a href="images/portfolio/fullsize/cal1.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"><img src="images/portfolio/thumbs/cal_thumb-02.png" class="imageCenter" /></a>
                              <a href="images/portfolio/fullsize/cal2.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                        <a href="images/portfolio/fullsize/cal3.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                        <a href="images/portfolio/fullsize/cal4.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                        <a href="images/portfolio/fullsize/cal5.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                        <a href="images/portfolio/fullsize/cal6.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                        <a href="images/portfolio/fullsize/cal7.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                        <a href="images/portfolio/fullsize/cal8.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                        <a href="images/portfolio/fullsize/cal9.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                        <a href="images/portfolio/fullsize/cal10.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                        <a href="images/portfolio/fullsize/cal11.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                        <a href="images/portfolio/fullsize/cal12.png" rel="lightbox[calendar]" title="Circular Typographic Calendar"></a>
                   </span>
            </div>
                  </div><!--end featured section-->
            <div id="caseStudy">
                      <div id="type">
                <h1><a href="marfan.html" title="National Marfan Foundation">Click</a></h1>
                <h2>this guy to hear his story</h2>
                </div>
                <div id="stick">
                <a href="marfan.html" title="National Marfan Foundation"><img src="images/stick.png" onmouseover="this.src='images/stick-over.png'" onmouseout="this.src='images/stick.png'" /></a>
                </div>
            </div>
        </div><!--end content-->
        <div id="footer">
                  <div id="downloads">
            <h1>Downloads</h1>
            <p><a href="downloads/KyleLord_portfolio.pdf">Portfolio</a></p>
            <p><a href="downloads/KyleLord_resume.pdf">Resume</a></p>
            </div>
            <div id="contactlinks">
            <h1>Contact</h1>
            <p><a href="mailto:[email protected]">[email protected]</a></p>
            <p><span class="mobile"><a href="tel:18459268873">845.926.8873</a></span></p>
            </div>
            <div id="copyright">
            <a href="http://www.facebook.com/eyeamthekiller0" target="_blank"><img src="images/facebook.png"/></a>
            <a href="https://twitter.com/#!/Kyle_Design" target="_blank"><img src="images/twitter.png" /></a>
            <a href="http://www.linkedin.com/pub/kyle-lord/32/a94/125" target="_blank"><img src="images/linkedin.png" /></a>
            <p>&copy; 2012 Kyle Lord.</p>
            </div>
        </div>
        <div id="underFooter"></div>
    </div><!--end container-->
    </body>
    After researching horizontal scrolling on some sites it seems that I will have to use JQuery to add a "smooth scrolling" effect the page. I also plan to add a link that will lead to an anchor that will exist outside of the visible area (to the right), that is when I plan for the scrolling effect to take place. I want it to animate by scrolling from right to left all the way to the anchor that is linked to. Here are some links to sites I have read up about it on. They also demonstrate the type of effect that I want.
    http://www.sitepoint.com/side-scrolling-site-layout-with-css-and-jquery/
    http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-j query/
    http://css-tricks.com/how-to-create-a-horizontally-scrolling-site/
    It may be an easy fix but I don't have much experience with JavaScript or JQuery. Any help or ideas would be appreciated. I would not object to alternate ideas.
    -Kyle
    Graphic Designer
    [email protected]

    Place all you want to scroll inside of a movieclip, and give it a instace of dragMe, then paste this code into your timeline
    var ease:int = 6;
    var targY:int = dragMe.x;
    var drag:Boolean = false;
    var ptY:Number = 0;
    dragMe.addEventListener(Event.ENTER_FRAME, dragHandler, false, 0, true);
    dragMe.addEventListener(MouseEvent.MOUSE_DOWN, downHandler, false, 0, true);
    stage.addEventListener(MouseEvent.MOUSE_UP, upHandler, false, 0, true);
    function dragHandler(e:Event):void
              if (drag)
                        targY = mouseX + ptY;
              e.target.x +=  (targY - e.currentTarget.x) / ease;
    function upHandler(event:MouseEvent):void
              drag = false;
    function downHandler(e:MouseEvent):void
              ptY = e.currentTarget.x - mouseX;
              drag = true;

  • Horizontal scroll

    Hi,
    I´m building a centered contents website with an horizontal scroll of images, but i got stuck on some problems:
    1. How can i make the end images stop scrolling in the centre?
    2. On the horizontal scroll of images, how can i make it possible to click drag with the mouse (similar to touch screen devices) without having to use the scroll bar?
    3. I'm experiencing problems with mac os platform devices: some contents appear out of place. This is the website - www.craft.pt
    Could you please advise me?
    Thank you,
    Vânia

    Here are the images on ios devices:
    Thank you for your help.

  • Horizontal Scrolls on the  main Stage

    Hi
    I am putting 11 movies containing 11 flv files on my main
    stage. All those movies have onMouse over and click events attached
    with them. As those movies are not going to fit on the main stage
    so when i am running the flash file, it is just displaying 5 of the
    11 movies and rest are being cut. Is there any way that I can code
    so that I will get the horizontal scrolls automatically if the
    movies are not going to fit on the screen? I am new to the 'stage'
    and AS3 concepts . Please help me out.
    All I need is to put 11 movies on the main stage with the
    horizontal scrolls.
    Thanks in advance for your help
    regards
    Anuj

    you can check a similar thread involving a scrolling
    movieclip:
    http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=15&catid=665&threadid =1324923&enterthread=y

  • Switching from a vertical to horizontal scroller

    I am attempting to modify an example file that I found from a vertical to horizontal scroller.
    I changed the movie clip to horizontal, but can someone help me to figure out
    what I need to change to get the arrows to scroll the movie clip horizontally.
    Please view the attached example....
    Thank you for your help!

    Ok...I switched the x's to y's and the height's to widths.  Here is the code that I have now:
    (The dragger seems to fly everywhere in the file now though....any help is greatly appreciated!)
    fscommand("allowscale", "false");
    bar.useHandCursor = dragger.useHandCursor=false;
    space = 20;
    friction = 0.9;
    speed = 4;
    x = dragger._x;
    top = main._x;
    bottom = main._x+mask_mc._width-main._width-space;
    ///////////no x y values ////////////////////////
    up_btn.onPress = function() {
         myInterval = setInterval(moveDragger, 18, -1);
    down_btn.onPress = function() {
         myInterval = setInterval(moveDragger, 18, 1);
    up_btn.onMouseUp = down_btn.onMouseUp=function () {
         clearInterval(myInterval);
    dragger.onMouseUp = function() {
         this.stopDrag();
         drag = false;
    bar.onMouseUp = function() {
         drag = false;
    ///////////end no x y values ////////////////////////
    dragger.onPress = function() {
         drag = true;
         this.startDrag(false, this._y, this._parent.x, this._y, this._parent.s+this._parent.bar._width-this._width);
         dragger.scrollEase();
    bar.onPress = function() {
         drag = true;
         if (this._parent._xmouse>this._x+this._width-this._parent.dragger._width) {
              this._parent.dragger._x = this._parent._xmouse;
              this._parent.dragger._x = this._x+this._width-this._parent.dragger._width;
         } else {
              this._parent.dragger._x = this._parent._xmouse;
         dragger.scrollEase();
    moveDragger = function (d) {
         if ((dragger._x>=x+bar._width-dragger._width && d == 1) || (dragger._x<=x && d == -1)) {
              clearInterval(myInterval);
         } else {
              dragger._x += d;
              dragger.scrollEase();
              updateAfterEvent();
    MovieClip.prototype.scrollEase = function() {
         this.onEnterFrame = function() {
              if (Math.abs(dx) == 0 && drag == false) {
                   delete this.onEnterFrame;
              r = (this._x-x)/(bar._width-this._width);
              dx = Math.round((((top-(top-bottom)r)-main._x)/speed)friction);
              main._x += dx;

  • Help with code for inserting horizontal scroll bar in photo gallery in Business Catalyst site?

    Hi,
    I am using Business Catalyst and Dreamweaver to create a trial site.
    I am not sure if this is the correct forum to post this request but anyway I have inserted a photo gallery module at the bottom of the sidebar in the homepage of my test site.
    Can anyone advise on whether jquery or any other code can be inserted into the page or module code that will replace the "next" hyperlink below the first 4 photos with a horizontal scroll bar at bottom of the gallery so users can just scroll through all 12 images ?
    Kind Regards, Matt.
    http://craftime-bs6.businesscatalyst.com/

    Alyssa,
    Have you tried putting this rule back as it was originally:
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        left: auto; /*was 9px*/
        color: #EF9CCF;
        background-color: #FFF;
    That is, changing your 9px back to auto.
    And giving  us a link (as you did) is much better than printing out the code for us! Thanks!
    Beth

  • How to get the Horizontal Scroll Bar for a Table?

    Hi All,
    As per my requirement, I am displaying several records in a Screen in a Tabular Format. But here I have to show 21 Columns in that table which is too high. I am able to display it but due to it I am getting a Horizontal scroll bar for the whole screen since all the columns are not getting displayed in the normal window screen space. But its looking too odd since once I am scrolling it to right the columns are getting displayed but the above Header Bar and Global buttons are not displaying, they are bound to the normal screen space.
    Is there a way to have a Horizontal scroll bar only for that table instead of the entire screen so that on scrolling that bar only the table rows will beshifted ant got displayed?
    With Thanks
    Kumar Gautam

    try this approach.
    include a raw text item before and table item.
    include the appropriate HTML tags in raw text item to enable horizontal scroll
    --Prasanna                                                                                                                                                                                                                                                                                                                                   

  • 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.

  • How do I view the Horizontal Scrolling bar and status bar at the bottom of the screen. I can only see the top menus, toolbars and vertical scroll bar?

    Before the most recent upgrade, the bottom horizontal scrolling bar and status bar appeared on my screen. Now since upgrading, I cannot see the. Anyone ideas how to restore them?

    If you haven't already, you could force-quit Quicktime by using the menu option from the desktop (finder) and choose Quicktime.
    Not sure what you have frozen on the screen, be it a failed movie, or some unusual screen shot. If you can find by date (created) you may be able to look for .mov or quicktime suffix name or other video file content to delete it.
    And you may have to restart your computer and perhaps run repair disk permissions from Disk Utility's first aid on the hard disk drive in your computer.
    Not sure if all that would help now, but it is something a few days late...!
    Good luck & happy computing!

  • Horizontal Scroll Bar

    I have this site that I'm practicing on called
    Massattack Studios,
    it's been a work in progress for a while experimenting with Flash
    and Dreamweaver 8.
    In internet explorer my scroll bar situation works fine, in
    Fire Fox the unwanted horizontal scroll bar appears. At least at
    the moment I'm not concerned with other browsers. Can anybody tell
    me how to get rid of that little guy?
    I'm looking at the Validator and it is very overwealming to
    me as a beginner with the code.
    Any help would be great, i can post anything you may need to
    figure it out, thank you very much!
    This is my main index page...
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    <html xmlns="
    http://www.w3.org/1999/xhtml">
    <head>
    <title>Massattack Studios</title>
    <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1" />
    </head>
    <frameset cols="*,650,*" border="0">
    <frame src="left.htm" name="left" marginwidth="0"
    marginheight="0" scrolling=no>
    <frameset rows="100,*,25" border="0">
    <frame src="head.htm" name="head" marginwidth="0"
    marginheight="0" scrolling=no noresize>
    <frame src="home.htm" name="MainFrame" scrolling="yes"
    noresize="noresize" marginwidth="0" marginheight="0"
    id="MainFrame">
    <frame src="footer.htm" name="footer" marginwidth="0"
    marginheight="0" scrolling=no noresize>
    </frameset>
    <frame src="right.htm" name="right" marginwidth="0"
    marginheight="0" scrolling=no noresize>
    </frameset>
    <noframes><body>
    </body></noframes>
    </html>

    In the home.htm file that loads into your main frame, change
    the DOCTYPE.
    CHANGE:
    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"
    TO THIS:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
    Transitional//EN">BTW:
    "Bumbing" has no effect in the NNTP forums where most of the
    answers come
    from and it's just annoying to the web form user who are
    patiently waiting
    for a response.

  • REGARDING horizontal scroller in alv grid o/p

    hi,
       i have developed a report in alv grid its wrking fine..
      i want one thing >>>>in the o/p screen the plantid  is the first column, the second column is the plant name what i want is that, horizontal  scroller will work from plant name not from plantid for this what parameters sud i pass in the fieldcat for plantid.plz help me.

    Hi,
    U have to put for that particular plant id
    wfieldcat-key = 'X'.
    Thanks,
    Sankar M

  • My horizontal scroll bar went missing when I maximise the window. How do I fix them?

    My horizontal scroll bar went missing when I maximise the window. How do I fix them? I tried everything; such as auto hide the task bar. Even with this, I still can't see the horizontal scroll bar. I even tried the following and I still can't see the horizontal scroll bar.
    1) In a new tab, type or paste about:config in the address bar and press Enter. Click the button promising to be careful.
    (2) In the search box above the list, type or paste dom and pause while the list is filtered
    (3) Double-click the dom.disable_window_open_feature.scrollbars preference to switch it from false to true. By choosing true, you disable sites from deciding whether there can be scrollbars on a window, and Firefox uses its standard behavior for the page.
    If you want to always get other bars, here are the corresponding settings:
    Menu Bar: dom.disable_window_open_feature.menubar
    Navigation Toolbar: dom.disable_window_open_feature.toolbar
    Bookmarks Toolbar: dom.disable_window_open_feature.personalbar
    Please help.

    Can you post a screen shot?
    Taking a Screen shot; '''''Windows > Start >''''' search box '''''> Snipping Tool'''''.
    Save the picture(s) to your desktop. Now look at the '''Reply''' box below.
    Do you see the button under it that says '''Browse'''? Click it and then select
    the screen shot(s) from the desktop.

  • 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....

  • How to make the knob of a horizontal Scroll Bar stay at right

    Hi I need some advise to achieve this:
    I have a chart continuously deploying towards the right side (think on an electro cardiogram that is continuously feeding data). All the chart information is kept available inside a JScrollPane. What I want to achieve is:
    1. if the horizontal scroll bar knob is at the right end of the scroll bar make the end part of the chart be displayed continuously (view is scrolling to the right, the knob stays at the right end)
    2. if the user moves the knob left from the right end freeze the motion and just show the selected portion (meanwhile data keeps being fed and stored but not displayed)
    3. when the user decides to drag the knob again to the right end the behavior of point # 1 resumes.
    The basic swing structure I'm using for this is the following:
    public class Electro extends JPanel {
    public Electro() {
    JFrame f = new JFrame();
    JScrollPane sp = new JScrollPane(this);
    f.getContentPane().add(sp);
         f.pack();
         f.setVisible(true);
    I would highly appreciate any feedback from fellow members. Thank you.

    hi friend
    try this in ur code
    public class Electro extends JPanel {
    public Electro() {
    JFrame f = new JFrame();
    JScrollPane sp = new JScrollPane(this);
    sp.setVerticalScrollBarPolicy(ScrollPaneConstants.VERTICAL_SCROLLBAR_ALWAYS);
    sp.setHorizontalScrollBarPolicy(ScrollPaneConstants.HORIZONTAL_SCROLLBAR_ALWAYS);
    f.getContentPane().add(sp);
    f.pack();
    f.setVisible(true);
    i think it will be help full to you
    thanks
    waiting for reply

Maybe you are looking for

  • My itunes no longer recognises my ipod - help!

    basically, my ipod reached its capacity a week ago and so went a bit crazy with this playlist malarchy but i fixed that telling it to update everything when it connects to the computer, however it no longer connects up to itunes when it is connected.

  • PDF to Word black background in Text blocks

    I converted a pdf flyer to Word for editing date and location of an event. Three of the blocks of text that I wasn't going to change looked like  they were in text blocks with black backgrounds. I was unable to change the black blocks and had to do a

  • CR2008 SP5 Labels not printing correctly

    Hi, I've got an issue were labels are not printing correctly to a Zebra printer. I'm using Crystal Reports 2008 SP5. The problem is the width is 10cm and the length is 7.5cm but Crystal is automatically changing this to landscape orientation which do

  • Request Set - Passing Request Id as Parameter

    Hi Guys, I have following request set STAGE1: Receiving Transaction Processor STAGE2: Receiving Interface Error Report STAGE3: Send Email (This custom program) Send Email Program looks for Request ID of Receiving Interface Error Report and sends out

  • A question about JSF login

    Hi all! I am following this link (http://benjmaz.blogspot.com) for handling session in my application. I am unable to understand that what attributes and methods would be there in the MemberManager class, object of which we have created in LoginBean.