关于js点击元素平滑滚动到页面指定位置的方法
HTML
<!-- 点击的元素,直接把要跳转到元素id传进去 -->
<li class="hover" onclick="tiao('ct1')">点我</li>
<li class="hover" onclick="tiao('ct2')">点我</li>
<!-- 跳转到的元素 -->
<div style="height: 1000px;"></div>
<div class="list" id="ct1">找到你啦</div>
<div style="height: 1000px;"></div>
<div class="list" id="ct2">你再远我也能找到你</div>
JS
<!-- 滚动某一点的js -->
<script>
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
}, 600);
}
</script>
我的前端笔记记录