2016-11-10 7 views
0

1000px以上のスクロールバーを表示しようとしています。 それは動作しますが、私は1回だけ開いて閉じなければなりません。Jqueryスクロールのバナーの表示と非表示

Here my complete demo

これは私の.js

$(window).scroll(function() { 
     if ($(this).scrollTop() > 1000) { 
    $("#banner-promo").fadeIn("slow", function() {}); 

     } 

     else { 
      // $('#BackToTop').css({'visibility': 'hidden'}); 
      $("#banner-promo").fadeOut("slow", function() {}); 
     } 
    $("#chiudi").click(function(){ 
    $("#banner-promo").fadeOut("slow"); 
}); 
}); 

であることを行うための最善の方法は何ですか?コメントに基づいて事前

+0

私は理解していることを知りません。私が底に着くと、 'fadeIn()'が表示されます。スクロールしてこの操作を繰り返すことができなくしますか? 'html {height}'を '1000px'に戻してみませんか? – Twisty

+0

なぜそれをダイアログボックスのように扱いませんか?それは絶対位置 'top:1000'を設定し、ユーザーがスクロールダウンすると、それを見ることができます。ボタンをクリックすると、要素が削除または非表示になります。 – Twisty

+0

こんにちは@Twistyこれは、ウェブページ上で行動を促す言葉を紹介するバナーです。ボタンで「サインイン」または「いいえ」と答えることができます...とにかく、1000pxを超えると「いいえ、ありがとう」をクリックすると永遠に閉じてください。ボタンで閉じると、1000pxのスクロールでまだ戻ってきます –

答えて

0

おかげで、あなたは一緒に行った答えは、それを隠して対離れ要素を取るためにremove()を活用することでした。例えば

https://jsfiddle.net/Twisty/0go8snsL/

$("#banner-promo").remove();

関連する問題