jQuery全画面区切りスライダ（スクロール）

ナビゲーションのサイトでは、scrollToを使用して選択したスライドに移動します。スライドは、ウィンドウの高さと幅の100％になるようにjQueryによって設定されます。 scrollToを使用した後、ウィンドウのサイズを変更すると、スライドの位置が正しくありません。jQuery全画面区切りスライダ（スクロール）

私の例では、ここで見ることができます： http://bit.ly/yRi72B

をクリックして「次へ」、そして、大きくも小さくなるようにウィンドウのサイズを変更すると、あなたは私が何を意味するかが表示されます。

出典

2012-03-11 Anonymous

私にはうまく見えます... –

スクロールしたdivの変数をに設定できます。

$("div#logo").click (function() { 
    $("div#wrapper").scrollTo("div#about", 1000); 
    currentslide = "div#about"; 
});

は、あなたのウィンドウでは、可変電流=「のdiv＃の家」を宣言し、初期化することができるイベントコール

$("div#wrapper").scrollTo(currentslide, 0);

出典

2012-03-11 09:11:38 Greg

これはうまく動作しますが、すべてのサイズ変更でscrollToを実行すると_incredibly_が遅くなります。しかし、右のトラックで。 –

おっと。気にしないで。 0のアニメーション時間を持つscrollToを作るのを忘れました。 Dur。ありがとう:) –

ハ、心配はありません！ – Greg

$(window).resize()を使用して、ウィンドウのサイズ変更イベントをキャッチし、スライドの幅と高さを再び100％に設定します。

出典

2012-03-11 09:08:14 slash197

のサイズを変更します。あなたのサイズ変更関数の最後にスクロール関数を呼び出します。$（ "div＃wrapper"）。scrollTo（currentslide、0）;

とあなたのクリック機能で

は..

幸運を

私のためにこの作品を= "のdiv＃ホーム" または "およそのdiv＃" 現在の設定します！

出典

2012-03-30 14:40:18 MikeOrtiz

jQuery全画面区切りスライダ（スクロール）

答えて

関連する問題