我试图在用户开始向下滚动时显示“滚动到顶部”按钮,而不是始终存在,即使在顶部时也是如此。快速说明,我几乎没有JS的经验,所以我不知道我在做什么。
无论如何,这是我在http://www.m.evans-carpentry.com/gallery/projects/
上发生错误的页面
<script>
$(function() {
var $elem = $('#content');
$('#nav_up').fadeIn('slow');
$('#nav_down').fadeIn('slow');
$(window).bind('scrollstart', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
});
$(window).bind('scrollstop', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'1'});
});
$('#nav_down').click(
function (e) {
$('html, body').animate({scrollTop: $elem.height()}, 800);
}
);
$('#nav_up').click(
function (e) {
$('html, body').animate({scrollTop: '0px'}, 800);
}
);
});
</script>
&#13;
谢谢!
答案 0 :(得分:0)
你在第30行调用jquery早期的jquery公告
int
在调用jquery
之后插入此行答案 1 :(得分:0)
你的代码太复杂了,试试这个:
$(document).ready(function(){
//Check to see if the window is top if not then display button
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('.scrollToTop').fadeIn();
} else {
$('.scrollToTop').fadeOut();
}
});
//Click event to scroll to top
$('.scrollToTop').click(function(){
$('html, body').animate({scrollTop : 0},800);
return false;
});
});
“。scrollToTop”是要点击的内容,它会滚动回到页面顶部。