0

基本的に、ユーザーがページを下にスクロールするとdivでフェードインするこのjavascriptがありますが、javascriptに条件を付けて、ユーザーが別のdiv要素をクリックした後にのみフェードするようにしたいと思います。

たとえば、ユーザーがページを下にスクロールする前にテキストの一部を読む必要があり、この div がフェードインします。このテキストの部分には、 と呼ばれる div があります

したがって、ユーザーがテキストを読んだら、「exit_profile_intro4」をクリックしてテキスト ボックスを閉じます。それからスクロール用の JavaScript とフェードイン div を機能させたいと思います。誰かがこれを行う方法を教えてください:私は試しました

<script>
$('div.exit_intro4').click(function(){
 $(window).scroll(function(){
       var leftToBottom = $(document).height() - $(window).height() - $(window).scrollTop();
       var distanceFromTop = $(window).scrollTop();
       if( distanceFromTop > 300 && !$("profile_intro_case5").is(":visible") 
          && leftToBottom > 1000 && !$(".profile_intro_case5").is(":animated")) {
                $(".profile_intro_case5").fadeIn(1000);
       }else if($(".profile_intro_case5").is(":visible") && (distanceFromTop < 300 || leftToBottom < 1000) && !$(".profile_intro_case5").is(":animated")){
                $(".profile_intro_case5").fadeOut();
      }
   });
});
   </script>

オリジナル：

<script>
 $(window).scroll(function(){
       var leftToBottom = $(document).height() - $(window).height() - $(window).scrollTop();
       var distanceFromTop = $(window).scrollTop();
       if( distanceFromTop > 300 && !$("profile_intro_case5").is(":visible") 
          && leftToBottom > 1000 && !$(".profile_intro_case5").is(":animated")) {
                $(".profile_intro_case5").fadeIn(1000);
       }else if($(".profile_intro_case5").is(":visible") && (distanceFromTop < 300 || leftToBottom < 1000) && !$(".profile_intro_case5").is(":animated")){
                $(".profile_intro_case5").fadeOut();
      }
   });
   </script>
4

2 に答える 2

0

あなたのコードが（実際に実行せずに）間違っている理由はわかりませんが、このようなクリックを割り当てます

$('div.exit_intro4').click( // Function

それでも、「exit_profile_intro4」がクリックされたときにトリガーしたいと言っています。たぶん、これであるべきです。

$('div.exit_profile_intro4').click( // Function
于 2013-04-07T21:23:12.770 に答える