hackfin

pellmellism, you are right, b/c of the snap (momentum) the ending x & y value of the mouse may not agree to the endX or endY.

I read through the Draggable documentation but did not find an easy way to identify the target cell a draggable object has been dropped into. Is there a simple method to accomplish this? In my example, when the draggable object is dropped, an alert returns the id of the draggable object. What I would like it to do is return the id of the cell the object was dropped into. http://codepen.io/anon/pen/PwvzbJ Thanks, James

Thank you Jonathan and Jamie! Jonathan, I tried your codepen in in Firefox 31.0 and it still looks bad. However, in Chrome 33.xx & IE 11 and looks as expected. Problem solved. So to make sure I understand your posts, if resources are available or not a concern, using force3D of the CSS plugin is advisable to kick in hardware acceleration which translates into a smoother animation. Also, could the TT font being used make a difference in quality? Thanks, James

I replaced all of my "Left:" with an "x:" but it did not help any. The codepen sample has been updated. It has to be something simple b/c all of the text animations on the site look great while all of my experimentations with text look terrible.

I am trying to put together a simple news ticker (see codepen link) and I noticed the text scrolling across the screen seems to be jittery. Is there a GSAP method or some other plugin that I need to use to make the text animation more fluid? Thanks, James

That did the trick. Thanks a bundle.

I have an animation on several <divs> or pages which should simulate turning the pages of a book. However, when pages are turned from right to left, the natural order of the <divs> causes the left page to display the first page turned not the last page (as I expected). In the codepen example, I have tried to hide all of the left pages except the current one using a tweenlite.set on both the visibility property and the z-index to no avail. Other than reordering the <divs> which I do not want to do, is there a GSAP method I can use to help solve this issue? One thought I had was to change the float of the left pages to a right float but that did not sound like such a good idea. thanks, James

Thanks. I knew it had to be somthing simple I was overlooking.

Using the "Simple 3-D Hover Flip" demo as a starting point, I created the linked codepen. My goal was to create a book where you can flip through the pages by clicking on them. Everything works as I would expect except turning page 1 does not reveal page 2. Any ideas on why it does not display the next <div> in the page stack? Thanks, James

Thanks, I searched for an example but did not come across the one you linked. As for the link to the jQuery program, Li-Scroller can be obtained through the following link: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html This link also has several demos embedded so you can see the slight jitter/flicker I am talking about. I plan on looking at you link this Saturday. I will post my results on Codepen by the end of the weekend. If anyone else has an alternative idea, please post a repsonse and I will include your comments in my tests this weekend and use it as a comparison. Thanks, James

I am trying to replace a jQuery plugin called "li-scroller" which combines the <li> tags from an unstructured list and scrolls the items inside a div one after another from left to right indefinately. Unfortunately the plugin distorts the letters slightly as the speed increases and I was hoping that Greensock would produce a more fluid result. Since I am new to Greensock, I am not sure which approach to take to accomplish this. Is Split Text necessary or would a method using Split Text produce smoother results than the alternative? Any guidance or examples to help get me started is appreciated. When I get something to work, I will post it to CodePen. Below is a list of some of the features I am trying to incorporate: Start at right of div, fade in letters and scroll from left to right. At left of div, letters fade out of display. First list item starts right after last list item without break in list. List repeats indefinately. Mouseover list causes the list scroll to pause. Seems simple enough but I have no clue how to tackle this. Thanks, James