Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

AND Factory

Members
  • Content Count

    7
  • Joined

  • Last visited

Community Reputation

1 Newbie

About AND Factory

  • Rank
    Newbie
  1. I have put up what I have made so far as a demo: http://artndesignfactory.com/demo/ And to answer your question then my problem is that the 4 coloured circles I got they got an container, because I want to shrink/make this container smaller (with overflow hidden). It does shrink, but it doesn't do it smoothly. It makes a little bounce with the coloured circles instead them staying at the same position and just making the container shrink. And that in basics is the problem, the little bounce before shrinking. The demo I put up shows you where I am at and what I'm talking about.
  2. Figured out how to add class="active" to the scroll script. This is the solution I ended up with: <script language="JavaScript" type="text/javascript"> $(function() { $("#click_home").bind('click', { id: '#home' }, scroller); $("#click_aboutme").bind('click', { id: '#about_me' }, scroller); $("#click_process").bind('click', { id: '#process' }, scroller); $("#click_cases").bind('click', { id: '#cases' }, scroller); $("#click_contact").bind('click', { id: '#contact' }, scroller);
  3. Nevermind my first question I was blind, but found my answer in: http://forums.greensock.com/topic/6056-scrolling-the-page-up-and-down-with-greensock-js/ I now got another question to this. How do I add the class="active" once a men-button has been clicked? I used to use this function on my past page, but not entirely sure how to work in this to what I just added. Old js (add/remove class="active"): $('ul#menu li a').click(function() { var lsdata = $('#layerslider').layerSlider('data'); if(lsdata.isAnimating == false){ $('ul#menu li a').each(function() { $(this).removeC
  4. Hello again, I'm now moving on to the menu. How do I setup the menu (styled it etc..), so what I want is that once you click on a menubutton it auto scrolls down to that page/section. And my question is. How do I do that? Because when I look at the demo of this I don't see any demo with an actual functioning menu. There is a lot about effects and animations, but nothing in it about how to make all of that work with a navigation also. Does anyone got some kind of tutorial on 'How to make a menu that scroll to page/section'? Maybe there is a tutorial somewhere that I have missed?
  5. I have done a little more changes, but nothing that changes the outcome. Only made the Circles a bit bigger, because they didn't match up with my sketches size. But other than that still the same problem. Does anyone know how to avoid that bounce? Or do I just have to live with it? As I see it loading the different animations. I see it loading the CSS setup of the circles just 1 sec before the #color_container starts to move down. And as I see it that's what's making the small bounce happen. What I would love to happen is that it just makes #color_container smaller and keeping the
  6. I figured out a small solution for it now, but now another problem has come up. It makes a little bounce before making the #color_container smaller. I think it's because it reads the CSS settings 1 sec before it animates the container smaller. This is what I have changed: CSS: #color_container { width: 550px; position: relative; left: 50%; ; overflow: hidden; z-index: 4; } #color_circle_1, #color_circle_2, #color_circle_3, #color_circle_4 { position: absolute !important; left: 50%; border-radius: 400px; } #color_circle_1 { width: 250px; height: 250px; ; background: rgba(228,37,140,.7
  7. Hello, I'm starting to go nuts about this little animation I got going on with your very cool platform. This is what I want to happen (storyboard): #color_circle_1 (fadein) -> #color_circle_2 (fadein) -> #color_circle_3 (fadein) -> #color_circle_4 (fadein) -> Menu (slide down) -> #color_container (moves down and gets a smaller height). And then comes my problem. The #color_container does as wanted to, but the #color_circle_(1-4) moves down with it, but I want them to stay in the same position and not move with the Container. Does anyone have any ideas of how I co
×