Jquery, płynne przewijanie strony, delikatna poprawka.

Question

Hej, nie ogarniam zbytnio jquery, chodź ten kod nie jest skomplikowany to i tak nie wiem jak to poprawić.

Chcę aby nie scroll window był do tego podpięty czyli ten główny, a inny. Gdzie wpisać id diva w którym jest scroll, którego chcę animować?

Kod 

$(function(){

        var $window = $(window);		//Window object

        var scrollTime = 0.4;			//Scroll time
        var scrollDistance = 100;		//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 https://api.greensock.com/js/com/greensock/easing/package-detail.html
                    autoKill: true,
                    overwrite: 5							
                });			
        });
        });

 

Answer 1

Linijka nr 3 pobiera obiekt window i przypisuje go do zmiennej $window. Aby pobrać element o określonym id wystarczy zminić window na '#element'

Comments

faktycznie, i tak próbowałem tylko nie wiem dlaczego zamiast . wpisywałem # mimo ze ten element nie miał ID, ale dzięki :D