将一页滚动添加到现有模板

Question

我正在开发我的第一个bootstrap网站，是的，我是一个菜鸟。经过漫长的旅程后，我找到了this模板。 在一天结束时，它将包含超过20个整页部分，如带有文本，图像，视频和音频的标题。 该模板有一个滚动脚本：

// Scrolls to the selected menu item on the page
$(function() {
    $('a[href*=#]:not([href=#])').click(function() {
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {

            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
            if (target.length) {
                $('html,body').animate({
                    scrollTop: target.offset().top
                }, 1000);
                return false;
            }
        }
    });
});

现在，这是特价问题。 Pete Design有“单页滚动”。这包含template-css和js-file。 是否可以混合这两个模板？

我想添加Pete Design JS-Template来添加： 使用鼠标滚轮/键盘箭头和滑动功能逐节滚动，但我想/喜欢使用Startbootstrap中的设计（特别是navbar！）。