关于js点击元素平滑滚动到页面指定位置的方法

function tiao(i){
    var cur = document.getElementById(i);
    getPosition(cur);
}
function getPosition(e){
  var t=e.offsetTop;
  var l=e.offsetLeft;
  while(e=e.offsetParent){
    t+=e.offsetTop;
    l+=e.offsetLeft;
  }
  $("html,body").animate({scrollTop:t},300);
}
<li class="hover" onclick="tiao('ct1')">

点击的元素,直接把要跳转到元素id传进去

<div class="list" id="ct1">

跳转到的元素

posted @ 2015-07-25 16:42  捅了个浆糊  阅读(3077)  评论(0编辑  收藏  举报