移动网站上的滚动到顶部按钮

时间:2016-10-07 17:06:20

标签: javascript jquery html css

我试图在用户开始向下滚动时显示“滚动到顶部”按钮,而不是始终存在,即使在顶部时也是如此。快速说明,我几乎没有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;
&#13;
&#13;

谢谢!

2 个答案:

答案 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”是要点击的内容,它会滚动回到页面顶部。