单击时，JQuery图像会滚动到顶部

Question

当我点击一张图片时，我需要滚动到页面顶部。

<p>one</p>
<img src="http://lavozdelmuro.net/wp-content/uploads/2015/07/cecil-el-leon-4.jpg" height="250" />
<p>two</p>
<img src="http://lavozdelmuro.net/wp-content/uploads/2015/07/cecil-el-leon-4.jpg" height="250" />
<p>three</p>
<img src="http://lavozdelmuro.net/wp-content/uploads/2015/07/cecil-el-leon-4.jpg" height="250" />
<p>four</p>
<img src="http://lavozdelmuro.net/wp-content/uploads/2015/07/cecil-el-leon-4.jpg" height="250" />
<p>five</p>
<img src="http://lavozdelmuro.net/wp-content/uploads/2015/07/cecil-el-leon-4.jpg" height="250" />
<p>six</p>
<img src="http://lavozdelmuro.net/wp-content/uploads/2015/07/cecil-el-leon-4.jpg" height="250" />

Answer 1

在头标记中添加此代码，它将有助于你： - ）

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('img').click(function(){
   $('html, body').animate({scrollTop : 0},800);
   return false;
});
});
</script>