1

ボタンはかなりうまく機能し、ユーザーが 300 ピクセル下にスクロールした後に表示され、ユーザーがクリックすると上にスムーズにスクロールします。私は何をする必要がありますか?

このコードペンで見ることができます: http://cdpn.io/bukAm

関連する要素は .scrollup です

これが私の.jsファイルの内容です:

$(document).ready(function(){

  $(window).scroll(function(){

    if ($(this).scrollTop()>300) {
      $(".scrollup").fadeIn('slow');
    } else {(".scrollup").hide();}

  });

  $(".scrollup").click(function(){

    $('html,body').animate({scrollTop:0},600);
    return false;

  });

});
4

1 に答える 1

1

いくつかの問題:

  • アイコンを非表示にするコードに$
  • windowのスクロール位置が気になる

更新されたペン: http://codepen.io/anon/pen/ksouI

if ($(window).scrollTop()>300) {
    $(".scrollup").fadeIn('slow');
} else {
    $(".scrollup").fadeOut('slow');
}
于 2013-10-09T18:17:18.763 に答える