「トップページへ戻る」ボタンが下層ページで表示されない

###前提・実現したいこと

JavaScript初心者です。
jQueryでスムーズスクロールを設置しましたが、トップページでは問題なく表示されるものの、下層ページでは「トップページへ戻る」のボタンが表示されません。

Consoleを見ると以下のエラーメッセージが表示されました。

Uncaught TypeError: Cannot read property 'top' of undefined
    at HTMLAnchorElement.<anonymous> (main.js:61)
    at Function.each (jquery.js:4)
    at init.each (jquery.js:4)
    at Scroll (main.js:60)
    at main.js:12
    at dispatch (jquery.js:5)
    at v.handle (jquery.js:5)

###該当のソースコード

$(function() {
    var pageTop = $('.page-top');
    pageTop.hide();
    $(window).scroll(function () {
        if ($(this).scrollTop() > 600) {
            pageTop.fadeIn();
        } else {
            pageTop.fadeOut();
        }
    });
    pageTop.click(function () {
        $('body, html').animate({scrollTop:0}, 500, 'swing');
        return false;
    });
});

});
// Preloder script
jQuery(window).load(function(){'use strict';
	$(".preloader").delay(1600).fadeOut("slow").remove();
});
//Preloder script
jQuery(window).load(function(){'use strict';

	// Slider Height
	var slideHeight = $(window).height();
	$('#home .carousel-inner .item, #home .video-container').css('height',slideHeight);

	$(window).resize(function(){'use strict',
		$('#home .carousel-inner .item, #home .video-container').css('height',slideHeight);
	});
});

// User define function
function Scroll() {
	var contentTop      =   [];
	var contentBottom   =   [];
	var winTop      =   $(window).scrollTop();
	var rangeTop    =   200;
	var rangeBottom =   500;
	$('.navbar-collapse').find('.scroll a').each(function(){
		contentTop.push( $( $(this).attr('href') ).offset().top);
		contentBottom.push( $( $(this).attr('href') ).offset().top + $( $(this).attr('href') ).height() );
	})
	$.each( contentTop, function(i){
		if ( winTop > contentTop[i] - rangeTop ){
			$('.navbar-collapse li.scroll')
			.removeClass('active')
			.eq(i).addClass('active');
		}
	})
};

《CSS》

.page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
.page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
.page-top a:hover {
    text-decoration: none;
    background: #999;
}

《HTML》

<body id="top">
	<div class="preloader">
		<div class="preloder-wrap">
			<div class="preloder-inner"> 
				<div class="ball"></div> 
				<div class="ball"></div> 
				<div class="ball"></div> 
				<div class="ball"></div> 
				<div class="ball"></div> 
				<div class="ball"></div> 
				<div class="ball"></div>
			</div>
		</div>
	</div><!--/.preloader-->
	<header id="navigation"> 
		<div class="navbar navbar-inverse navbar-fixed-top" role="banner"> 
			<div class="container"> 
				<div class="navbar-header"> 


----------  中略 ----------  


</footer> <!--/#footer--> 
<a href="#home" class="page-top"><i class="fa fa-chevron-up" aria-hidden="true"></i><br>PAGE TOP</a>

	
</body>
</html>

同様の問題を紹介されているサイトで「offset().top);
」に問題があるということは理解できました。
ただ、どのように修正すれば、下層ページでもボタンが表示されるようになるのか分かりません。
解決先をご存知の方、ご教示いただけないでしょうか。
よろしくお願いします。

kei344

2017/07/16 09:19

質問文のコード／エラーはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、書かれている状況が再現するコード（HTML/CSS）か、再現するURLを提示されたほうが回答を得やすいと思います。

退会済みユーザー

2017/07/16 09:52 編集

アドバイスありがとうございます。初めての質問で要領が分かっておらず、すみませんでした。　エラー・コード部分はコードブロックで囲み、CSS、HTML部分も追記しました。よろしくお願いします。