Question

我试图在用户开始向下滚动时显示“滚动到顶部”按钮，而不是始终存在，即使在顶部时也是如此。快速说明，我几乎没有JS的经验，所以我不知道我在做什么。

无论如何，这是我在http://www.m.evans-carpentry.com/gallery/projects/

上发生错误的页面

＆＃13;

<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;

谢谢！

Answer 1

你在第30行调用jquery早期的jquery公告

int

在调用jquery

之后插入此行

Answer 2

你的代码太复杂了，试试这个：

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

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

2 个答案: