CSSオブジェクトを隠すスクロール率

-1

ユーザーがページをスクロールした量に応じてオブジェクトを非表示にする方法を知っている人はいますか？CSSオブジェクトを隠すスクロール率

私のウェブサイトにはソーシャルボタンがいくつかあり、スクロールがフッタ（最下部）に届くと非表示にしてからスクロールして表示されます。

2016-04-03 squidg

コードのjsfiddleを投稿してください。 – geeksal

少なくともこれを自分でコード化しようとしています。スタックオーバーフローはコードを書くサービスではありません。私はあなたがGoogleを介して、またはSOを検索することによって、いくつかの追加の研究を行い、試してみることを提案します。それでも問題が解決しない場合は、**あなたのコード**に戻って、あなたが試したこととそれがうまくいかなかった理由を説明してください。 –

CSSだけではできません。ユーザーがどのくらいスクロールしたかを追跡するには、javascriptを使用する必要があります。

あなたはjQueryのを使用することができる場合、あなたはこのような何かをする必要があります：

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() == $(document).height()) { 
     $("#social").hide(); 
    } else { 
     $("#social").show(); 
    } 
});

はjsfiddleを参照してください。しかし、これは適切なコードを提供していないため、必要なものを推測するだけです。 JavaScriptのみのソリューション（jQueryなし）が必要な場合は教えてください。

出典

2016-04-03 11:55:24 Laurens

CSSオブジェクトを隠すスクロール率

答えて

関連する問題