Jump to content

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


  • Posts

  • Joined

  • Last visited

Everything posted by hybreeder

  1. Thanks for the reply, I checked all the example. I just need a help when the user scroll the mouse wheel Then that circle will scroll from Y position to x position and once it cross it than below text will display
  2. Hello, I have one circle and I am using scroll magic. I have to scroll the circle with 360 degrees and after that circle will hide. I mean one it will cross the screen of the desktop that It will hide and then below content will display on the screen using the mouse wheel. Now my code is not working properly. I mean when I am scrolling the mouse wheel and circle start and end in the center of the pc and content also scrolling. I need when circle crosses the desktop screen than content should scroll. Would you help me out in this?
  3. Hello, I have one circle and I have to rotate 360 on mouse scroll wheel and slide when circle touches the blue border. Now my code is working when I scroll it. But I have to scroll the circle using the mouse wheel and vice-versa. Codepen link is
  4. Hello Sahil, I really appreciate your support. I just want to understand the code. I check the video which you shared with me but that not helped me. I change the p tag and added the span in the script like this. var tween = TweenMax.fromTo($(elem).find('span'), 0.5, {scale: 0.5, yPercent: 100}, {scale: 1, yPercent: 0}); But it is not working if I add the P tag then it's working. Also I removed the all the class and id from the span tag.
  5. Hello Sahil, I know Jquery, It will affect all the P tag in the articles. You know what I did I just remove all the class from SPAN tag in the HTML and remove the P and added the SPAN in the script, to check it is working or not but it's not working.
  6. but it will affect all the P tag in the articles. Right?
  7. Hello Sahil, It will great help if you tell me how to animate single paragraph. $('article').each(function(index, elem){ } Above code will animate the whole article. I need a single paragraph. Any idea?
  8. Hello Sahil, When I checking Change view on the full page is not working properly. I set the id because I have to animate individual and your code is animating the whole article. I have to animate first two articles on the page load and rest of article have to animate on the scroll. Your code is only first article animating. Third articles animating when second articles half goes. It displaying the lots of white space on the right side.
  9. Hello Sahil, I tried that also but it's not working. vertically I can do but horizontally not working with my code.
  10. Hello Shail, My issue not resolved. I just updated the code in codepen and I need when user scroll it than animate the articles on the scroll.
  11. Hello Sahil, Check out the Codepen link
  12. I need to scroll animation when the user scrolls the mouse wheel.Now animation is working on page load. I need content should animate on the scroll. First two articles is working but when I scroll it than animation is not working. I tried some code but not working. would you help me out in this? https://jsfiddle.net/Narendra2015/0gL8k79a/
  13. I tried to form my side https://jsfiddle.net/Narendra2015/3s5su2q3/6/ Now the issue is when I scroll little bit mouse wheel it's working smoothly but when I scroll fast mouse wheel it's also working the same. I mean check the scroll bar speed. Slow and fast both effect is showing same. I need if slow mouse wheel then smooth slowly article if fast mouse wheel then the smoothly fast article. like this site https://www.tentwenty.me/about-us
  14. Thanks, Yes, I am trying to make the tentwenty site.
  15. Thanks for the reply OSUblake, Trust me I am really confused. I commented getLineHeight(), createShapes, random. I also change the minY to minX and maxY to maxX and scroller.y to scroller.x I also change the wheelMultiplier: getLineHeight() to wheelMultiplier: 100. but still not able to access. Can you assist me with my code?
  16. Thanks for the reply OSUblake, Your solution looks good.I need the horizontal scroll. Something like this.https://jsfiddle.net/Narendra2015/3s5su2q3/ I update my code in the jsfiddle but it's not smooth like your output. Can you help me out in this?
  17. Thanks for the reply Carl, What I did in your jsfiddle code, I commented the line TweenLite.to("#gentags",2, {scrollTo:{x:400}}) because I don't need to scroll the right to left on page load. Now when I am scrolling the mouse wheel upside then animation is working from left to right. This is not a right. I need when mouse scroll wheel up then animates from right to left and mouse scroll wheel down then animate from left to right. I need a fast scroll. something like https://www.tentwenty.me/about-us Can you help me out in this?
  18. Hello I am able to scroll the div from right to left side but I have to display the div linearly when scrolling the mouse wheel.The current code is not displayed liner. I mean I have to display smoothly from right to left. TIll now I haven't used GSAP. Would you help me out in this? https://jsfiddle.net/Narendra2015/3s5su2q3/