私は自分のウェブサイトで一番上にスクロールするボタンを使用しています。このJqueryを使用しています
$(window).scroll(function() {
if ($(this).scrollTop()) {
$('#cttm:hidden').stop(true, true).fadeIn();
} else {
$('#cttm').stop(true, true).fadeOut();
}
});
$(document).ready(function(){
var bottom = ($(window).outerHeight() - $(window).height()) - 150; // 150 pixel to the bottom of the page;
$(window).scroll(function(){
if ($(window).scrollTop() >= bottom ) {
$("#cttm").fadeTo("slow",.95);
} else {
$("#cttm").fadeOut("slow");
}
});
$("#cttm").click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
$("#cttm").fadeOut("slow");
});
});
この Jquery はうまく機能しますが、上から 200px までスクロールしたときにのみ要素が表示されるようにしたいです。JQuery でそれを行う方法はありますか?