proweb1991

thanks,But the scroll is not working properly yet , mousewheel scroll , Sometimes more, sometimes less than section height scrolled

Thank you Jonathan for your welcoming yes and sorry for my unreadable codes ... i want create onpage theme like http://le-mugs.com/ , i do every work , even create another sample for my musewheel event , but on each scroll It is possible that scroll is not fit by sections And disorganization happens sections ... see my 2th sample: http://test164.iranrugco.com/index2.html this is my codes (This code is more readable) : $(document).ready(function(){ var $window = $(window); var $section = $("section"); var scrollTime = 1.2; var scrollDistance = $window.height(); $(".section").css({"min-height":scrollDistance+"px"}); $(".cd-floating-background").css({"height":scrollDistance+"px"}); $(".section").on("mousewheel DOMMouseScroll", function(event){ event.preventDefault(); event.stopPropagation() var delta = event.originalEvent.wheelDelta/120 || -event.originalEvent.detail/3; var scrollTop = $window.scrollTop(); var finalScroll = scrollTop - parseInt(delta*scrollDistance); TweenMax.to($window, scrollTime, { scrollTo : { y: finalScroll, autoKill:false }, ease: Power1.easeOut, overwrite: 5 }); }); }); thanks again for your reply dear friend ...

thanks for your replies ... as you said previously , My inspiration is http://le-mugs.com/ and like this i want section by section scroll on each mousewheel event ... if you can look on my code and help me to finish this work , You have really a great help to me .. thanks again

hi guys i finally create onepage with scrollto plugin, but mousewheel has locked, i searched about this problem , But could not find anything, this is my sample website that doesn't work in ie and firefox : http://test164.iranrugco.com/ My Codes: var S, k, I, L = !1, C = $(".section1").height(), E = [0, 2 * C, 3 * C, 3 * C, 4400, C, 2 * C, C, C], N = 0, j = []; for (i = 0; i <= 8; i++) N += E[i], j[i] = N; $(window).bind("resize", function() { for ( C = $(".section1").height(), E = [0, 2 * C, 3 * C, 3 * C, 4400, C, 2 * C, C, C], N = 0, i = 0; i <= 8; i++) N += E[i], j[i] = N; S.update(!0), k.parallax("updateLayers") }); function l() { F = 100 } function c() { X = 0, F = 100 } var D, B, Q, X = 0, F = 100; var $window = $(window); var $section = $("section"); var scrollTime = 1.2; var scrollDistance = $window.height(); $(window).bind("mousewheel DOMMouseScroll wheel MozMousePixelScroll", function(a) { if ((a.preventDefault(), a.stopPropagation()), $(window).scrollTop() < j[3]) a.preventDefault(), a.stopPropagation(); else { var o = navigator.userAgent.toLowerCase().indexOf("chrome") > -1, t = navigator.userAgent.toLowerCase().indexOf("windows") > -1; o && t && (Q = Math.abs(a.deltaY) / a.deltaY, "undefined" == typeof a.deltaY ? Q = X : X = Q, a.preventDefault(), a.stopPropagation(), setTimeout(l, 1000), F += 20, 120 == F ? TweenMax.to(window, .3, { scrollTo: { y: $(window).scrollTop() - Q * F }, ease: Quad.easeInOut, onComplete: c }) : TweenMax.to(window, .3, { scrollTo: { y: $(window).scrollTop() - Q * F }, ease: Quad.easeOut, onComplete: c })) } })

hi dear Dipscom i try your solution but It seems that it is only effective on the first path and other path draw automatically Regardless of the scroll ... please look on my pencode again : http://codepen.io/proweb1991/pen/GNxYaR thx ...

thank you my dear friend ... yes I have to get my inspiration from this site , because i have a order from customer to create a template Similar to that site(with all of effects) ... And I am not professional in the Gsap + ScrollMagic animation ... I am learning this interesting features But I do not have a good reference to use this plugins thank you bro for your Guidance... so , if use offset my problem is solved ,

hi there i create a draw svg on scroll effect on demo. i have 2 questions ... 1: this svg paths not draw on scroll and and draw all paths when arrived at target point ... how can config this svg paths draw only on scroll?? 2:in inverse scroll svg paths must be inverse draw ,However in my sample it dose not happend ... can anyone help me please?? thanks

hi guys i have a project i need to create smooth scroll by mouse wheel and scroll to next section ... [this is a sample page , but i can't create like this http://le-mugs.com/ ] i know that need to use scrollto plugin ... but how?? can any one help me ??(sorry for my bad english)

thanks ... but i want only scroll to part of this site i want use scrollto plugin whene mousewheel scroll appear , display window scroll section by section ... i have many section and does not have certain class or id , because section create dynamically ... how can use scrollto plugin for scroll amount of window height in each mousewheel scroll?? thanks??

hi how can use scrollTo plugin to scroll section by section like this onepage website? http://le-mugs.com/ can anyone help me??