1

フィドルを投稿しています。 http://jsfiddle.net/HWzz3/3/ これが状況です。ウィンドウの垂直方向の中央については、コンテナを拡大縮小またはズームしたいと思います。その位置にないか、その位置からスクロールアウトすると、元の位置に戻ります。jqueryで可能ですか？

<div id="container">My content</div>

中心に来るときはズームインし、中心から離れるときはズームアウトするよりもやってみます。何かアイデアや助けはありますか？

どうもありがとう。

4

1 に答える 1

1

jsFiddleデモ

var contPos = $('#container').position().top;
var conthH = $('#container').height()/2;

$(window).on('scroll resize', function(){
    var scr = $(this).scrollTop(),
        winH = $(this).height()/2,
        curr = Math.abs((scr+winH)-(contPos+conthH)),  
        size = (curr<150)  ?  500:200   ;
    $('#container').stop(1).animate({width:size, height:size, marginTop:-size/2},300);   
});

size = (curr<150) ? 500:200 ;
150何かを行うための「画面中央ゾーン」という意味がピクセルで表示されます（必要に応じてその値で
遊ぶことができます）。これは、適用する最大500サイズと最小サイズです。200

于 2012-11-16T17:34:06.483 に答える