0

私はこのようなマウス スクロール効果を実行しようとしています: http://www.s5-style.com/#!/works (ClientWorks)

しかし、私の問題は、mootools がこれを行うための適切なクラス Tween を持っていないことです。次に、私はこれを持っています: http://jsfiddle.net/FU9Hp/

$('content').addEvent('mousemove', function(event)
{
        var padding = this.getPosition();
        var size =  this.getSize();
        var scrollpos =  this.getScroll();
        var scrollsize =  this.getScrollSize();
        var mouseX = (event.client.x-padding.x);

        var percent = Math.round(mouseX*100/(size.x));
        var scrollWidth = (scrollsize.x-size.x);


        this.scrollTo(Math.round(percent*scrollWidth/100), 0);  
});

クラス Tween を使用して s5-style.com の効果を得るにはどうすればよいですか?

4

1 に答える 1

2

しかし、私の問題は、mootools がこれを行うための適切なクラス Tween を持っていないことです。次に、私はこれを持っています：

ええと。mootools には素晴らしいトゥイーンがあります。また、トゥイーンをスクロールにバインドする Fx.Scroll と Fx.SmoothScroll もあります。

伸縮自在な遷移を伴うスクロールの例を次に示します: http://jsfiddle.net/dimitar/FU9Hp/3/

http://mootools.net/docs/more/Fx/Fx.Scrollおよびhttp://mootools.net/docs/more/Fx/Fx.SmoothScrollを参照してください。

于 2012-09-04T12:07:26.157 に答える