项目中要自己做翻页,查到了scrollTo这方法,感觉很不错,但菜鸟教程中是在window上用,想知道如下代码中的container上是否一样使用呢???如各位大神知道的话,请赐代码,跪谢比如点了尾页,会从首页滚动到尾页,这样的效果
1 回答

LEATH
TA贡献1936条经验 获得超6个赞
第一种:页面中引入jq,加入脚本就可以了。
<script>
$("#pagi li").on('click',function () {
var index=$(this).index();
$("#container").scrollTop(index*405)
});
</script>
第二种:原生实现
for(var i=0;i<4;i++){
(function (index) {
document.querySelectorAll('#pagi li')[index].onclick=function () {
document.querySelectorAll('#container')[0].scrollTop=index*405;
}
})(i)
}
添加回答
举报
0/150
提交
取消