Scroll the timeline in a Div?

Example: http://www.bartmclaughlin.com/scroll_div/scroll_div_v1.html

Edge project: https://www.yousendit.com/download/elNJc2ZOR0Y1R1BWUThUQw

Now, I want to control the timeline of a symbol on the stage using scrolling. I posted an example above, with a button that scrolls to the bottom of the div.

I do not know how at the same time Polish chronology of the div when scrolling the div.

This code below (I got message from Tim Jaramillo here: http://forums.adobe.com/message/5058756#5058756) rub the timeline from the stage when it is placed in the Stage.scroll event, but I don't know how to use it to scrub the timeline of my symbol.

var MonCalc = e.currentTarget.scrollTop/(e.currentTarget.scrollHeight-e.currentTarget.clientHeight);

var pos = Math.round (calc * sym.getDuration ());

SYM. Stop (POS);

This question is similar to my question here: http://forums.Adobe.com/message/6263651#6263651

which was answered by Agnes kumar a. thank you!

Bart

Hello

Here is an example:

http://www.timjaramillo.com/code/edge/scroll_div_scrub_timeline/

Here is the source:

www.timjaramillo.com/code/Edge/_source/scroll_div_scrub_timeline.zip

Since you do not use the Stage.scroll method, you should not place your code in this case. I think there's some confusion here.

(1) therefore, start by removing your code for the Stage.scroll event.

(2) place your button click event code (calls function on Stage.compositionReady) below:

sym.getComposition () .getStage () .onClick ();

(3) place the code on Stage.compositionReady below:

timer runs constantly to check the scroll position and manage the scrubbin timeline '

var timerScroll = {setInterval (function ()}

sym.scrubTimelineScroll ();

(}, 10);

This function is called when the button is clicked

sym.onClick = function()

{

SYM.$("parent"). Animate({scrollTop:500},750);

}

sym.scrubTimelineScroll = function()

{

calculate percent scrolls

var MonCalc = sym.$("parent").scrollTop()/sym.$("parent") [0] .scrollHeight;

get % of the length of the timeline

var pos = Math.round (calc * sym.getSymbol('parent').getDuration ());

Chronology of scrub

sym.getSymbol('parent').stop (pos);

}

Tags: Edge Animate

Similar Questions

  • hand tool to scroll the timeline

    Hello

    I've just updated the Adobe After effects to CC15 and just noticed that the hand tool you cannot scroll the timeline horizontally.

    It's a small thing, but it slows down the workflow.

    Everyone knows about this problem as well? How to solve it?

    Thank you

    Joao Monteiro

    www.joaomonteiro.TV

    See the second to last question on this page:

    known issues in after effects CC 2015 (13.5)

  • My legacy crashes when I scroll the timeline panel

    My Adobe After Effects CS6 crashed whenever I try to scroll the timeline panel. I had AE on this computer for some time, but have never really used it but when I did it never crashed until today.

    My computer specs are as follows

    Windows 8.1

    8 GB ram

    Graphics GEFORCE 840 m

    and 1 TB of memory with left 800GBs

    I don't know what is the origin of the crash, but I want to fix

    Oh my AE version is CS6 11.0.4 and I am trying to change the types of files are .mp4

    What you're trying to do with this video? If you just edit or play with correction of color/color grading, I suggest using the first and/or Speedgrade. No need for AE at all (and they tend to play with the best of the MP4 on low range as your machines).

    Anyway, if you do not need to use AE, take your MP4 in Adobe Media Encoder, choose rendered as QuickTime and choose Photo-JPEG or PNG as your codec. Use the resulting in After Effects file, and you should not have problems.

    How much experience do AE you?

  • Is it possible to scroll the timeline left or right without having to move the mouse to the top of the window?

    First has a really cool feature that allows you to toggle a tool at hand to grab the chronology and away from the everywhere where you happen be left and right. I see that hearing has a hand tool if you navigate with the mouse to the top of the window, but it turns out to be a frustrating problem on my bench I have a large monitor, so up there, just to spend a little is frustrating. I know you can hold SHIFT key and scroll the mouse wheel, but this is very insensitive and in many too small increments to be helpful for what I want. I still find myself all just wishing I could grab the chronology of everywhere where is my cursor and simply drag to the left or to the right. Is it possible somehow?

    The left and right of the Page Page is very convenient. Who might do the trick for now.

    So, is there no way to disable the audio scrub? As I am locating in sound FX and things, I'm constantly wishing I could turn that off so I could scrub through the video and find my points of synchronization without hearing my audio monitors ROAR to me. First has it mapped to a keyboard shortcut to quickly switch it on and outside.

    Seems that the first people and the need of people hearing talk to each other a little more...

  • How can I browse the timeline with my mouse wheel?

    I usually have 4 tracks in my calendar so I don't have to vertical scrolling. How can I adjust my mouse wheel to scroll horizontally through my calendar?

    In preferences/general, there is an option for scrolling the timeline.

    If you hold down the CTRL key while scrolling to happen from vertical to horizontal or v.v

  • How can I get updates in real time in multiple views when scrubbing through the timeline?

    I use After Effects CS 5.5 on Windows 7. When I use the mouse to click / drag / scroll the timeline, a real-time updated view, it's great! If I open a second point of view, it does update this notice when I finished the scrolling.

    I would like to be able to scroll back the timeline and update in real-time (live update) has two different compositions?

    Is this possible?

    Thank you!

    The long answer is: No. it isn't even a matter of performance, this is how AE evaluates the time, because the time is fluid and can be truncated to 1 million ways to time remapping to expressions...

    Mylenium

  • Pe10: How to turn off the display of the frame on the timeline?

    Hi - I've just upgraded to Premiere Elements version 10, and I see an improvement in reliability.  PE8 broke with regularity for me, but PE10 crashed yet.  It is a huge improvement fo rme.

    One thing that slows down my low editing much expected PE10 to redraw only the video on the timeline when I zoom in and out, scroll, etc.  I do it a lot when I change a video multi-track project and I get on with spending a lot of time waiting for PE10 to select and reder to images in the scenario.  I looked through the preferences, search fo a way to disable the display of video images on the timeline, but the only setting that I can find is the one that allows to set how scrolls the timeline panel, but nothing on how to control the display of video images on the timeline.  I think it has a setting somewhere given the duration of the UI has endured (maybe since version 4), and the amount of testing that Adobe has obviously made on version 10.

    I guess that I don't have to turn off the display of the frame on the timeline.  I'd be happy with any technical that allows me to edit interactively and not spend hours waiting for the timeline to complete images.  My computer has a lot of horses (quad core i7 to 3.3 GHz, 12 GB of RAM ant compatibility), so it's at the upper end of the material that first Elements users should be running.

    Thanks in advance for any suggestions you may have. -Ole Pa

    Looks like you are using the 64 bit version of Windows 7. You ensure that you have installed the 64 bit version of the program? That alone should make a huge difference in performance.

    Then go to the track header (name of the track, to the left of the timeline). If you click on the little icon of film on the track header, you will be able to switch between the different ways the clips appear on your timeline. If you see a period of time that you expect of your video display refresh, try to set the view so that only the first and last frame of the clip is displayed.

    You can also go to Edition/Preferences/general and set the timeline playback scroll Scroll of the Page rather than smooth scroll.

  • Advice to move the timeline

    Tries to get the hang of this thing first and serve as many shortcuts as possible. I've skimmed through and picked up valuable online help (as - +-to zoom in)

    Is it possible to scroll vertically without counting that the scroll bars? The hand tool only wants to scroll horizontally.

    Also, if I zoomed in, how I scroll the timeline? Page up/down gets me only to the next clip.

    All shortcuts spinning open a track?

    Finally, there is a kind of detector of the gap? It is a pain to try to track down the gaps in Framework 1.

    Where is the command "move the playhead to cursor"? What CS5.5? I can't find.

    Oh! Thanks Adobe for changing the name of the CTI at the playhead in CS5.5; It was a totally unnecessary change. Anyway, Yes, they exist in CS5, just like "Move CTI slider."

  • I made a music video in Flash and it won't play on the timeline, and I can't scroll through it either. He plays when I press Ctrl + Enter, but not in the timeline panel. It worked perfectly before, but now for some reason it doesn't. Help, please

    I made a music video in Flash and it won't play on the timeline, and I can't scroll through it either. He plays when I press Ctrl + Enter, but not in the timeline panel. It worked perfectly before, but now for some reason it doesn't. Help, please

    It is the nature of the movieclips. They play only when you make a film Test. If you want an animation that plays when you scrub the timeline, select the element and change it to be a chart instead. You can do this in the properties panel.

  • When I scroll through the mask of image sequence does not follow the layer of the timeline?

    Another problem. I simply scroll the image sequence and you can see on the screenshot that the mask remains where it was in the beginning. I applied red tinted effect (just to show you), and it does not stick to the station when scroller is at the end of the timeline which is say that the mask is not to follow. But it should, because the mask is the image sequence. Why? Please take a look. Maybe there is something wrong with the Ctrl c and Ctrl v method - it's how I inserted my BW mask in the layer mask?

    205.png

    Select the two layers of video group and convert it into object new Dynamics

  • What happened to the scroll bar in the timeline?

    Does anyone have an idea if there is an option to get the scroll above the timeline in CC2015 bar? I know there are two arrows on the right to navigate through compositions that are out of sight, but it does not work that well for me, as I have to scroll a lot of comps all the time and the scroll bar was ideal for that.

    Thanks in advance,

    Kind regards

    Frans

    Simply place your mouse over the tabs and the roller wheel. EZ as pie. It works on each tab in the user interface. I'm still the effects of locking control panels and new ones for the different layers of opening. The project, I am working on right now has locked 9 control panels of the effects that can be easily scroll with the mouse without even a click wheel.

  • Why my PP CC 2014 application does not close when I scroll on the video thumbnails in my library or when I put the marker on an item in the timeline?

    Anyone had problems with PP CC 2014 closing app when they scroll over a video thumbnail in the library or when moving the marker on a video clip in the timeline. If I change my opinion of the library of thumbnails in the list, the problem doesn't happen, but the marker on a clip in the timeline still cause the app close. Any ideas?

    Update your video driver.

  • First Pro CC blocks when you scroll through the sequence in the timeline - Audio Waveform will Virgin first

    The description is in the title: first Pro CC blocks when you scroll through the sequence in the timeline - Audio Waveform will Virgin first.

    Just started today, will not stop now blocks after a minute or two, and he always does when I scroll through the timeline of a sequence.  First of all, the audio waveform becomes empty.

    What is going on?

    Date/time:2014-10-22 12:16:16.078-0400
    OS version:Mac OS X 10.9.5 (13F34)

    Report Version: 11

    Anonymous UUID: E1BCDCD7-6284-3012-9151-FF85491060DA

    Crashed thread: 0 dispatch queue: com.apple.main - wire

    Exception type: EXC_BAD_ACCESS (SIGBUS)

    Exception codes: KERN_PROTECTION_FAILURE at 0x000000011d74b000

    VM regions near 0x11d74b000:

    VM_ALLOCATE000000011d 748000-000000011d74b000 [12K] rw-/ rwx SM = PRV
    -> BATTERY CARE[000000011d74b000-000000011d74c0004 K]-/ rwx SM ZERO battery guard for threading 4 =.
    Battery000000011d74c000-000000011d7ce000 [520K] rw-/ rwx SM = COW 4 wire

    Thread 0 crashed: Dispatch queue: com.apple.main - wire

    Hi 5 deadly venoms

    This problem is resolved in the 9.0.1 update. Please update the application of a patch.

    Thank you

    Kevin

  • The horizontal scroll bar on the timeline in Premiere Pro 5.5 disappeared.

    The horizontal scroll bar on the timeline in Premiere Pro 5.5 disappeared.

    Restart your computer, hold down the alt + shift while opening the first up to the Welcome screen.

    See if this will help.

    If not, reinstall and use cleanertool

    Use the CC cleaning tool to resolve installation problems. CC, CS3 - CS6

  • controlling the timeline with the scrolling of the mouse

    Hi all

    I need control the animation of the timeline with the mouse wheel.

    How is it possible

    I tried this code but I couldn't just make it work with moving the mouse, unfortunately scrolling does not work-

    composition of ready:

    this.onMove = function (posX, posY) {}

    timelinecontrol = number (posX) * 30;

    Console.log (timelinecontrol);

    SYM. Stop (timelinecontrol);

    }

    mousemove:

    this.onMove (e.pageX, e.pageY);

    I also tried this one - http://forums.adobe.com/thread/1149792

    but did not work either

    TNX a lot!

    found the answer to this topic-

    http://forums.Adobe.com/message/5628190#5628190

    It's the DS posted by Vinay-

    Here's an example - http://www.dealsdrizzle.com/research/scroll/scroll2.html

    Source - http://www.dealsdrizzle.com/research/scroll/scroll2.zip

Maybe you are looking for