Adobe Community : All Content - All Communities

greensock scrolling div

forums_noreply@adobe.com — Sat, 01 Nov 2014 10:21:56 GMT

Hello, I am looking for a way to scroll my Stage with Greensock

I found that but I can not make it work

http://greensock.com/forums/topic/6056-scrolling-the-page-up-and-down-with-greensock-js/

my code work when I use .animate methode

sym.getComposition().getStage().$('#Stage').animate({ scrollTop: 500 }, 5000 ); // Ok

with

TweenMax.to(window, 3, {scrollTo:{y:300}}); // not working

TweenMax.to($(window), 3, {scrollTo:{y:300}}); // not working

any solution ?

And with a Yoyo action it would be fantastic !!

thanks

Y value problem

forums_noreply@adobe.com — Thu, 30 Oct 2014 14:10:13 GMT

Hello, I need some help because I will going crazy

On my stage I have a symbol, and inside this one I have a text area

I need to modify the Y position of the text area to align it at the end of a box that scale when I resize the screen + at the same time the symbole with the box and the text area has new Y position also

but the result is never the one I expect

In my idea, I take the Box.height and I put the Text area at Box.height !! But the Y position is not the good one !! I think that that the x,y origine in the symbole is different in function of the symbole position on the stage !

Am I wrong ? is their a solution for that ?

Thank you for your help and excuse my english

div total height

forums_noreply@adobe.com — Thu, 30 Oct 2014 16:50:03 GMT

Hello, I am asking me if there is a way to know the real div height, full of element visible outside the original div height ?

I don't want to calculate by adding all the elements height !

thanks

z-index of the stage scrollbar

forums_noreply@adobe.com — Mon, 27 Oct 2014 14:12:45 GMT

Hello,

I have some trouble with the stage scrollbar

I use an image that is 100% width & height and it overlap the scrollbar

to resolve that I tryed to modify the z-index of the stage, but the stage overlap the image

So my question is there a way to modify only the stage scrollbar z-index ?

something lie that :

sym.$("Stage.scrollbar").css("z-index","13");

thanks

custom scrollbar

forums_noreply@adobe.com — Mon, 27 Oct 2014 09:38:16 GMT

Hello everyboby,

I am trying to customize the stage scrollbar, but it doesn't work.

For that, I try to implement that methode :

jQuery custom content scroller – malihu | web design

in the Header of my .html I added this

(function($){

$(document).ready(function(){

$(".content").mCustomScrollbar({theme:"dark-2"});

});

})(jQuery);

</script>

I tryed also with :

$(".Stage").mCustomScrollbar({theme:"dark-2"});

but without any result

If you know a solution or have any idea I would take it !

thanks

apply webkit on stage

forums_noreply@adobe.com — Fri, 24 Oct 2014 08:23:39 GMT

Hello, I am trying to modify the scrollbar design using webkit

In CreationComplete I wrote :

sym.$("Stage").css("-webkit-scrollbar { width: 12px; }, -webkit-scrollbar-track { background-color: #eaeaea; border-left: 1px solid #ccc; }, -webkit-scrollbar-thumb { background-color: #ccc; }, -webkit-scrollbar-thumb:hover { background-color: #aaa; }");

I had tried to put that in the html file previously but it doesn't seems to work also

<style>

.edgeLoad-EDGE-XXXXX {

visibility:hidden;

-webkit-scrollbar { width: 12px; }

-webkit-scrollbar-track { background-color: #eaeaea; border-left: 1px solid #ccc; }

-webkit-scrollbar-thumb { background-color: #ccc; }

-webkit-scrollbar-thumb:hover { background-color: #aaa; }

</style>

is someone have a solution or an idea ?

thanks a lot

hide the horizontale scrollbar of the stage

forums_noreply@adobe.com — Tue, 21 Oct 2014 22:02:28 GMT

Hello,

in the properties panel of the stage I choosed 'overflow: scroll' but there is a horizontal scrollbar that appear and I don't want it, and it doesn't have to appear normally

is there a solution to hide it ?

thanks

viewport problem in Edge Animate (was: viewport problem)

forums_noreply@adobe.com — Wed, 24 Sep 2014 07:59:06 GMT

Hello, I am working on a web site, and I have to make it work on mobile device.

Currently I am testing on a Microsoft Surface 1 / internet explorer 11 and my problem is that each time I touch the screen to have an action in my web site, the all screen move.

I read different think about Viewport, but I don't have any result to fix the screen, is anyone have a solution for that ?

thanks

Drag problem on Microsoft Surface 1

forums_noreply@adobe.com — Mon, 29 Sep 2014 14:37:55 GMT

Hello, I explain my little problem

I use Jquery and jquery.ui.touch-punch.min.js to make Drag work on mobile device....and you know what it works !!

But because there is a but, I had to add an empty swipeleft function in edge to fixe the screen on Microsoft Surface 1 when I drag from the left or right, but if I try to drag from the top to the bottom it doesn't work, the Focus seems to be on the mobile device, not on the animation...I hope I am clear

Is someone have a solution for that ?

thanks for your help, and excuse my english