[Smooth page scrolling with TweenMax]

Thanks Guys for your awesome help.

 

Now my issue is using the scroll bar. Mouse scroll runs smoothly but with using the scroll bar no smooth effect at all.

[Smooth page scrolling with TweenMax]

Thanks @Jonathan will try this. Yeah hope someone share

[Smooth page scrolling with TweenMax]

Thanks for the response @Jonathan

Is there other sample script that also does the same smooth page scrolling? So far that is the tween script i've found.

 

[Smooth page scrolling with TweenMax]

Hi Guys, 

 

I stumbled on this post http://bassta.bg/2013/05/smooth-page-scrolling-with-tweenmax/ and implement the script there but not the result i wanted.  

 

Here is the script that 

$(function(){
	
	var $window = $(window);		//Window object
	
	var scrollTime = 0.3;			//Scroll time
	var scrollDistance = 50;		//Distance. Use smaller value for shorter scroll and greater value for longer scroll
	
	$window.on("mousewheel DOMMouseScroll", function(event){
		
		event.preventDefault();	
										
		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:true },
				ease: Power1.easeOut,	//For more easing functions see http://api.greensock.com/js/com/greensock/easing/package-detail.html
				autoKill: true,
				overwrite: 5							
			});
					
	});
	

 

How to achieve something like this smooth page scroll on this page  - https://www.shift-capital.com/about?

 

Please help.