滚动条滑动到指定位置

.scroll-layer{
	width: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
.scroll-layer p{
	height: 4rem;
	line-height: 2rem;
	font-size: 1.3rem;
	padding-left: 10px;
}
.scroll-layer input{
	height: 3rem;
	line-height: 3rem;
	border: 1px solid #eee;
	width: 100%;
	outline: none;
	margin: 0;
	padding: 0 0 0 1rem;
}
.scroll-layer button{
	margin: 10px 10%;
	width: 80%;
	border: none;
	outline: none;
	background: lightblue;
	color: #fff;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	font-size: 1.2rem;
}

<div class="scroll-layer">
     <p>能够输入的值：100,500,1000,1500,2000,2500,2652</p>
     <input type="text" placeholder="输入滑动位置"/>
     <button onclick="setScrollTop()">开始滑动</button>
</div>

$(function(){
	var bodyHeight = $('html,body').height();
	window.setScrollTop = function(){
		var val = $('.scroll-layer').find('input').val();
		bodyHeight >= val && $('html,body').animate({'scrollTop':val},1000);
        }
})