Kcko/demo.css

## demo.css
#x
{
	width: 300px;
	height: 200px;
	overflow-y: auto;
	border: 1px solid #ccc;

}

## demo.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

</head>
<body>
<br><br><br><br>
	<div id="x">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium in ea assumenda inventore suscipit quis dolore nesciunt error nobis hic rem veritatis vel commodi, non, repudiandae sunt, vitae facere ab, incidunt temporibus impedit. Amet consectetur excepturi perferendis labore aliquam soluta, magnam doloribus, fugiat modi maxime ducimus aspernatur veniam perspiciatis et.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas repellendus aliquid mollitia nemo aperiam perspiciatis perferendis quidem, rerum tempora labore iste ea unde dolorem ut harum necessitatibus non consequatur quo, eum accusamus!</p>

		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima harum maiores laboriosam iure aperiam nesciunt suscipit natus dolore saepe aliquid. Consequuntur perferendis, maxime quos, ex quae accusantium non molestiae similique.</p>

		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro eveniet blanditiis nesciunt rerum a maiores quo perferendis optio sint sapiente iure dolor illum ducimus sed, eum esse tenetur dignissimos delectus atque, repudiandae.</p>


	</div>

	<button>bbb</button>

</body>
</html>

## demo.js
$('#x').scrollTop(0);


$('button').on('click', function(){
console.log($('#x').scrollTop());	console.log($('#x').position().top);
console.log($('p').eq(2).position().top);

var a = $('#x').scrollTop() - $('#x').offset().top +
	$('p').eq(2).offset().top;

	console.log(a);
	$('#x').scrollTop(a);

});


## gistfile1.js
jQuery.fn.scrollTo = function(elem) {
    $(this).scrollTop($(this).scrollTop() - $(this).offset().top + $(elem).offset().top);
    return this;
};
	#x
	{
	width: 300px;
	height: 200px;
	overflow-y: auto;
	border: 1px solid #ccc;

	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

	</head>
	<body>
	<br><br><br><br>
	<div id="x">
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium in ea assumenda inventore suscipit quis dolore nesciunt error nobis hic rem veritatis vel commodi, non, repudiandae sunt, vitae facere ab, incidunt temporibus impedit. Amet consectetur excepturi perferendis labore aliquam soluta, magnam doloribus, fugiat modi maxime ducimus aspernatur veniam perspiciatis et.</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas repellendus aliquid mollitia nemo aperiam perspiciatis perferendis quidem, rerum tempora labore iste ea unde dolorem ut harum necessitatibus non consequatur quo, eum accusamus!</p>

	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima harum maiores laboriosam iure aperiam nesciunt suscipit natus dolore saepe aliquid. Consequuntur perferendis, maxime quos, ex quae accusantium non molestiae similique.</p>

	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro eveniet blanditiis nesciunt rerum a maiores quo perferendis optio sint sapiente iure dolor illum ducimus sed, eum esse tenetur dignissimos delectus atque, repudiandae.</p>


	</div>

	<button>bbb</button>

	</body>
	</html>
	$('#x').scrollTop(0);


	$('button').on('click', function(){
	console.log($('#x').scrollTop()); console.log($('#x').position().top);
	console.log($('p').eq(2).position().top);

	var a = $('#x').scrollTop() - $('#x').offset().top +
	$('p').eq(2).offset().top;

	console.log(a);
	$('#x').scrollTop(a);

	});
	jQuery.fn.scrollTo = function(elem) {
	$(this).scrollTop($(this).scrollTop() - $(this).offset().top + $(elem).offset().top);
	return this;
	};