<script>
	
$('#Btn1').click(function() {
	
    $('html,body').animate({
        scrollTop: $("#Box1").offset().top - 100
    }, 400);
});
	
$('#Btn2').click(function() {
	
    $('html,body').animate({
        scrollTop: $("#Box2").offset().top - 100
    }, 400);
});
	
	
$('#Btn3').click(function() {
	
    $('html,body').animate({
        scrollTop: $("#Box3").offset().top - 100
    }, 400);
});
	
	
$('#Btn4').click(function() {
	
    $('html,body').animate({
        scrollTop: $("#Box4").offset().top - 100
    }, 400);
});
	
</script>

或者使用锚点跳转

<!-- 设置锚点跳转点击链接 #demoAnchor -->
<div>
    <a href="#demoAnchor">点我跳转</a>
</div>
<div>
    <div id="demoAnchor">视频内容。。。</div>
</div>