2017-07-11 5 views
0

(jQueryの):が何かをする私は必要なもの

あなたは、ページの上部にある場合のようにあなたがそれを再読み込みした後、特定のdiv shouldnのCSS」変更する必要があります。さて、あなたが上にスクロールしている場合(たとえあなたがすでに0になっていても)、divはCSSで適用されたスタイル属性を取得し、再び0にスクロールした後に属性を削除する必要があります。誰かがその考え方を持っていますか?私はscrollTop()のjQuery APIドキュメントを調べましたが、それは何も明確にしませんでした。私がこれまで試したどのような

$(window).scroll(function(){ 
    if ($(window).scrollTop() < 0){ 
     $('#profile--heading').css("height","800px"); 
    } else { 
     $('#profile--heading').removeAttr("style"); 
    } 
}); 

は、基本的には、Googleが自分のGoogleプラスプロフィール見出し画像のために持っているまさにです。ページの一番上にある場合は、画像が大きくなり、もう一度スクロールした後に、Webサイトは先に0にスクロールして、さらにスクロールすることができます。

ありがとうございます。

+1

あなたがこれまでに試してみましたでしょうか? –

+0

「私は何を試しましたか」はどこですか? –

+0

私は$(window).scroll(function(){...})を試しました。 if文を使用してscrollTopを-1に設定します –

答えて

1

私は正しく、これはあなたを助けるかもしれないあなたの質問を理解している場合:click here

$(function() { 
    $(window).scroll(function() { 
     var scroll = $(window).scrollTop(); //current scroll position 
     if (scroll >= 100) { 
     $("#block").height(1000);//increases the height of the element 
     } else if (scroll < 100) { 
     $("#block").height(200);//decreases the height of the element 
     } 
    }); 
    }); 
関連する問題