2012-03-31 7 views
3

私はjQueryを使ってかなり完全なサイトに取り組んでいます(ソリューションがjQueryを使用していない場合、これも問題ありません)。

ウェブサイトを使用して、ウィンドウの高さにリサイズするセクションを使用して構築されています:

 

    $(window).resize(function() { 
    $("section").height($(window).height()) 
    }).resize() 


この部分が見事に取り組んでいます。オーバーフローを本文とHTML要素から取り除いてスクロールを無効にし、ユーザーは相対リンク(localScrollを使用)を使用してサイトを移動できます。

私の問題は、ユーザーがセクションに移動してを入力した後、がウィンドウのサイズを変更すると、本体がセクションの上部に並んでいないことです。

何があっても要素の上にウィンドウをスティックする方法はありますか?

+0

CSSを使用して、トップセットが0pxの位置に絶対的に配置されないようにします。{{position:absolute; top:0px} '? – iambriansreed

+0

@ iambriansreed:これは、スクロールを使用してページ間をアニメーション化する目的に反するためです。 – icktoofay

+0

デモはここで大いに役立ちます。 – iambriansreed

答えて

1

現在のセクションをメモしておきます。ウィンドウのサイズが変更されると、ウィンドウのスクロールトップをそのセクションの上部に設定できます。例:

var currentSection = $('section:eq(0)'); 
var jqWindow = $(window).resize(function() { 
    $('section').height(jqWindow.height()); 
    jqWindow.scrollTop(currentSection.offset().top); 
}); 
+0

'localScroll'プラグインは、いつどこかにスクロールするときに見つけるのに便利なフックを提供していないようですが、残念です。 – icktoofay

+0

それに乾杯!私は実際にlocalScrollのハッシュ関数で動作するよう少し修正しました。 – interactronaut

関連する問題