###概要
スクロールをするのと同時にサイドエリアも追尾してくるイベントがあります。
###目的
しかし、画像をクリックしたら、追尾が停止されるようにしたい。
今2つの書き方をしているのですが、うまくいきません。
<script type="text/javascript"> $(function(){ var o = $(".sideCont"); var offset = o.offset(); var topPadding = 90; $("#formTrigger").click(function(){ if (true) { //イベントを止める } else{ $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { o.stop().animate({ marginTop: $(window).scrollTop() - offset.top + topPadding }); } else { o.stop().animate({ marginTop: 15 }); }; }); } }); }); </script>
2つ目
<script type="text/javascript"> $(function(){ var o = $(".sideCont"); var offset = o.offset(); var topPadding = 90; $(document).ready(function(){ var num = 0; $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { o.stop().animate({ marginTop: $(window).scrollTop() - offset.top + topPadding }); } else { o.stop().animate({ marginTop: 15 }); }; }); $("#formTrigger").click(function(){ if (num == 0) { $(this).animate({marginTop:"100px"},200,"easeInOutQuint"); num = 1; } else if (num == 1) { $(this).animate({marginTop:0},200,"easeInOutQuint"); num = 0; } }); }); }); </script>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。